用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();
});

相关问答
最新问答