JQuery переключения и MouseUp конфликт

Question

У меня есть простая кнопка, которая переключает меню, OnClick

Если меню расширяется/видимый Я скрыть при щелчке в любом месте на странице (часть из самого меню).

var menuBtn = $(".btn-menu"), 
menuContainer = $(".menu"), 
menuChildren = $(".menu").find("*"); 

menuBtn.on("click", function() { 
    menuContainer.toggle(); 
}); 

$(window).mouseup(function(e){ 
    if(!menuContainer.is(e.target) && !menuChildren.is(e.target)){ 
     menuContainer.hide(); 
    } 
}); 

При применении этой функции на мышке моя функция переключения больше не работает. Меню всегда будет оставаться открытым, если щелкнуть несколько раз на кнопке (тогда как он должен скрывать &).

jsfiddle here

Любая идея, как я могу это исправить?

Answer 1

событие mouseup был уволен до щелчка. попробовать это

$(window).mouseup(function(e){ 
    if(!menuContainer.is(e.target) && !menuChildren.is(e.target) && !menuBtn.is(e.target)){ 
     menuContainer.hide(); 
    } 
}); 

fiddle js