在用jquery写特效的时候，经常会用到点击一个按钮出现一个div，再点击一次就隐藏div，这个原理很简单。
<ol class="exp-conent-orderlist">
<li class="exp-content-list list-item-1">
<div class="content-list-text">
html代码：
<button>点击</button>
<div class="div"></div>
</div></li>
<li class="exp-content-list list-item-2">
<div class="list-icon">2</div>
<div class="content-list-text">
css代码：
<style>
.div{
background-color:black;
border: 1px solid red;
width:100px;
height:100px;
display:none
}
</style>
</div></li>
<li class="exp-content-list list-item-3">
<div class="list-icon">3</div>
<div class="content-list-text">
js代码：
<script>
$("button").click(function(){
if($(".div").css("display")=="none"){
$(".div").show();
}else{
$(".div").hide();
}
});
</script>
</div></li>
</ol>
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/259268.html