在用jquery写特效的时候,经常会用到点击一个按钮出现一个div,再点击一次就隐藏div,这个原理很简单。
工具/原料
- jquery-1.11.2.min.js
方法/步骤
- html代码:
1. <button>点击</button>
<div class="div"></div>
- css代码:
1. <style>
.div{
background-color:black;
border: 1px solid red;
width:100px;
height:100px;
display:none
}
</style>
- 3js代码:
3. <script>
$("button").click(function(){
if($(".div").css("display")=="none"){
$(".div").show();
}else{
$(".div").hide();
}
});
</script>