用jquery怎么实现点击显示，再一次点击隐藏

1、html代码：<button>点击</button> <div class="div"></div>

2、css代码：<style> .div{ background-color:black; border: 1px solid red; width:100px; height:100px; display:none }</style>

3、js代码：<script> $("button").click(function(){ if($(".div").css("display")=="none"){ $(".div").show(); }else{ $(".div").hide(); } });</script>