Временно запретить JQuery Toggle

Question

У меня есть меню toggled, когда пользователь выбирает ссылку. В меню было разные показать и скрыть анимация прилагается, и я хочу предотвратить переключиться во время анимации. Следующий фрагмент кода работает, но переворачивает состояние переключения если нажата ссылка быстро дважды (то есть, если пользователь нажимает на ссылку дважды быстро, последующее нажатие вызовет те же действия):

<a href="" id="button">Menu</a> 
<div id="menu">...</a> 

<script> 
$("#button").toggle(
    function (e) { 
     if $("#menu").is(":animated")) return false; 
     $("#menu").show("drop", {}, "slow"); 
    }, 
    function (e) { 
     if ("#menu").is(":animated")) return false; 
     $("#menu").hide("bounce", {}, "slow"); 
    } 
); 
</script> 

Как может Я предотвращаю переключения состояний в переключателе?

Спасибо.

Answer 1

Использование .click() и проверьте состояние элемента внутриclick обработчика, используя :not(), :animated и :visible селекторов, например:

$("#button").click(function() { 
    var menu = $("#menu:not(:animated)"); 
    if(menu.is(":visible")) menu.hide("bounce", {}, "slow"); 
    else menu.show("drop", {}, "slow"); 
}); 

Это не зависит от состояния, который немного проще :)