Question

我想用jquery里面的click做一个效果，点击一次打开，再点击再关闭。请问应该怎么去写呢。

$("#scontent .title-li").click(
function(){
$(this).children("ul").css("display","block");
},
function(){
$(this).children("ul").css("display","none")
});

Answer 1

直接把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")
}
);

Answer 2

这种方法比较省代码，虽然不是很好理解，但是很好用~

$("#scontent .title-li").click(function(){
$(this).children("ul").fadeToggle(1000);//在淡入和淡出之间切换
//或者是下面也行（括号里面的代表1秒后发生变化）
//$(this).children("ul").toggle(1000);//在hide和show之间切换
}）

Answer 3

$("("#scontent .title-li").toggle(function() {
$(this).children("ul").css("display","block");
}, function() {
$(this).children("ul").css("display","none")
});

Answer 4

可以使用hover()事件，或者使用toggle()事件（推荐此方法）

追问

能具体一点吗 因为我对jquery也不是很会

Answer 5

$(document).ready(function () {
$("#id").click(function(){
$("#id").toggle(1000);
});
});