通过点击文档jQuery

Question

删除菜单我正在学习jQuery，我正在绑定一些东西。

我在菜单中通过单击菜单创建了幻灯片。现在有2个事件.click，一个用于滑入，另一个用于滑出。当我在菜单上单击除打开的菜单，并直接将其关闭。

我该如何预防？我想要这样。当你点击菜单上的任何地方都会滑出。

你能帮我吗？

$(document).ready(function(){ 

//Button fade by mouse enter 
$("#menubutton").mouseenter(function(){ 
     $("#menubutton").fadeTo('slow', 0.5); 
}); 

//Slide in menu by clicking on menu 
$("#menubutton").click(function(){ 
    $("#menu").slideToggle('slide');  
}); 

//Back to normal after mouse leave 
$("#menubutton").mouseleave(function(){ 
    $("#menubutton").fadeTo('slow' , 1); 
}); 

$(document).click(function(){ 
    $("#menu").slideUp("slow"); 
}); 


}); 

非常感谢提前！

Answer 1

问题是您的按钮单击传播到文档元素，所以它触发它也向上滑​​动处理程序。你应该防止传播：

//Slide in menu by clicking on menu 
$("#menubutton").click(function(event){ 
    $("#menu").slideToggle('slide'); 
    event.stopPropagation(); 
}); 

Demo