Question

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

Answer 1

<button>点击</button>
<div class="div"></div>

.div{
background-color:black;
border: 1px solid red;
width:100px;
height:100px;
display:none
}

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

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

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

}else{

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

}

});

Answer 2

html代码：
<button>单击</button>
<div class="div"></div>

css代码：
<style>
.div{
background-color:black;
border: 1px solid yellow;
width:200px;
height:200px;
display:none
}
</style>

js代码：
<script>
$("button").click(function(){
if($(".div").css("display")=="none"){
$(".div").show();
}else{
$(".div").hide();
}
});
</script>

Answer 3

1. $('input').toggle(function(){
$('div').hide();
},function(){
$('div').show();
});
2. (淡入淡出)
$('input').on('click',function(){
$('div').fadeToggle();
});