我想用jquery里面的click做一个效果，点击一次打开，再点击再关闭。请问应该怎么去写呢。
$("#scontent .title-li").click(
function(){
$(this).children("ul").css("display","block");
},
function(){
$(this).children("ul").css("display","none")
});
直接把click换成toggle就可以了啊，第一次点击执行第一个function，第二次点击执行第二个function；第三次点击执行第一个function，第四次点击执行第二个function；两个function交替执行
$("#scontent .title-li").toggle(
function(){
$(this).children("ul").css("display","block");
},
function(){
$(this).children("ul").css("display","none")
}
);
$("#scontent .title-li").toggle(
function(){
$(this).children("ul").css("display","block");
},
function(){
$(this).children("ul").css("display","none")
}
);
温馨提示：内容为网友见解，仅供参考
第1个回答 2017-12-12
这种方法比较省代码，虽然不是很好理解，但是很好用~
$("#scontent .title-li").click(function(){
$(this).children("ul").fadeToggle(1000);//在淡入和淡出之间切换
//或者是下面也行（括号里面的代表1秒后发生变化）
//$(this).children("ul").toggle(1000);//在hide和show之间切换
}）本回答被网友采纳
$("#scontent .title-li").click(function(){
$(this).children("ul").fadeToggle(1000);//在淡入和淡出之间切换
//或者是下面也行（括号里面的代表1秒后发生变化）
//$(this).children("ul").toggle(1000);//在hide和show之间切换
}）本回答被网友采纳
第2个回答 2013-03-02
$("("#scontent .title-li").toggle(function() {
$(this).children("ul").css("display","block");
}, function() {
$(this).children("ul").css("display","none")
});本回答被提问者采纳
$(this).children("ul").css("display","block");
}, function() {
$(this).children("ul").css("display","none")
});本回答被提问者采纳
第3个回答 2013-03-02
可以使用hover()事件，或者使用toggle()事件（推荐此方法）追问
能具体一点吗 因为我对jquery也不是很会
第4个回答 2019-01-06
$(document).ready(function () {
$("#id").click(function(){
$("#id").toggle(1000);
});
});
$("#id").click(function(){
$("#id").toggle(1000);
});
});
相似回答
