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

2024-12-03 21:39:39

推荐回答（3个）

回答1：

.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();

}

});

回答2：

html代码：

css代码：

js代码：

回答3：

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