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

工具/原料

  • jquery-1.11.2.min.js

方法/步骤

  1. html代码:
1. <button>点击</button>
<div class="div"></div>
  1. css代码:
1. <style>
.div{
background-color:black;
border: 1px solid red;
width:100px;
height:100px;
display:none
}
</style>
  1. 3js代码:
3. <script>
$("button").click(function(){
if($(".div").css("display")=="none"){
$(".div").show();
}else{
$(".div").hide();
}
});
</script>