用jquery实现点击显示，再一次点击隐藏jquery
html代码：
<button>点击</button>
<div class="div"></div>
css代码：
<style>
.div{
background-color:black;
border: 1px solid red;
width:100px;
height:100px;
dis...
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>
<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>
下一篇：jquery导航动画
我要评论