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

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

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

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