Как сделать, что бы повторное нажатие не срабатывало пока анимация не будет завершена?

Question

[Shuboanator]

$( ".menu-btn, .menu-box-btn" ).click(function() {
    $( ".menu" ).toggleClass("menu-visible");    
});

Элементы ".menu-btn, .menu-box-btn" вызывают анимацию за счет добавления класса.
Но если во время выполнения анимации нажать еще раз, то она прерывается и идет в обратном направлении.
Как сдлеать, что бы повторное нажатие не срабатывало, пока анимация не будет выполнена до конца?

Answer 1

[2cha.headz]

$( ".menu-btn, .menu-box-btn" ).click(function() {
    var thiss = this;
    if(!$(thiss).hasClass('wait')) {
        $( ".menu" ).toggleClass("menu-visible");    
        $(thiss).addClass('wait');
        var animationDuration = 2000;
        setTimeout(function(){$(thiss).removeClass('wait')}, animationDuration);
    }
});