Question

这段jquery代码，怎么改，可以实现点击后展示下一级菜单？

这段jquery代码，怎么改，可以实现点击后展示下一级菜单？代码原来的功能是，鼠标移动到一级菜单上面，就会把二级菜单展开，移除鼠标后，二级菜单又会收缩回去。如何用鼠标点击，来实现菜单的展开与收缩呢？
function slideNavLeft(){
$(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){
if($(this).has(".left-nav-2").find(".left-nav-2").has("li").is($("ul:visible"))){
}
else{
$(".left-nav-2").has("li").slideUp(1000);
$(".left-nav-1 li").find("a").removeClass("cur-1");
$(".left-nav-3").hide();
$(this).has(".left-nav-2").find(".left-nav-2").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-1");
}
})
}
function slideNavLeft2(){
$(".left-nav-2 li").has(".left-nav-3").bind("mouseover",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
}
else{
$(".left-nav-3").has("li").slideUp(1000);
$(".left-nav-2 li").find("a").removeClass("cur-2");
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideDown(1000);
$(this).find("a").first().addClass("cur-2");
}
})
$(".left-nav-2 li").has(".left-nav-3").bind("mouseleave",function(){
if($(this).has(".left-nav-3").find(".left-nav-3").has("li").is($("ul:visible"))){
$(this).has(".left-nav-3").find(".left-nav-3").has("li").slideUp(800);
}
else{
}
})
}

Answer 1

移上去的事件是mouseover,你将所有的mouseover的，改成click就行了。
$(".left-nav-1 li").has(".left-nav-2").bind("mouseover",function(){

改成
$(".left-nav-1 li").has(".left-nav-2").bind("click",function(){

追问

不行哦，换成click后，没错，移动到菜单上面，不会展开二级，但是点击后，二级展开后又会很快的自动隐藏掉。也就是点击一级菜单后，二级菜单闪一下，闪一下的，完全展开不了
把mouseover，改成mousedown，也是一样的效果，大侠还请不吝赐教，谢谢啦