直接把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").click(function(){
$(this).children("ul").fadeToggle(1000);//在淡入和淡出之间切换
//或者是下面也行(括号里面的代表1秒后发生变化)
//$(this).children("ul").toggle(1000);//在hide和show之间切换
})
$("("#scontent .title-li").toggle(function() {
$(this).children("ul").css("display","block");
}, function() {
$(this).children("ul").css("display","none")
});
可以使用hover()事件,或者使用toggle()事件(推荐此方法)
$(document).ready(function () {
$("#id").click(function(){
$("#id").toggle(1000);
});
});