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

在用jquery写特效的时候，经常会用到点击一个按钮出现一个div，再点击一次就隐藏div，这个原理很简单。

工具/原料

• jquery-1.11.2.min.js

方法/步骤

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. 3

   js代码：

   <script>

   $("button").click(function(){

   if($(".div").css("display")=="none"){

   $(".div").show();

   }else{

   $(".div").hide();

   }

   });

   </script>