通過點擊文檔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