Как запретить click по объекту до окончания анимации?

var animationSpeed = 1000;  // Ожидаемая продолжительность анимации в ms
var disabledClick  = false;

$(document).ready(function () {
    $('.main-nav > li').click(function (event) {
       event.stopPropagation();
       
       // Если нажатие заблокировано
       if (disabledClick  === true) {
         return false;
       }

       // Блокируем нажание
       disabledClick = true;

       // Разблокируем нажатие когда анимация (предположительно) должна завершится
      setTimeout(function () {
           disabledClick = false;
      }, animationSpeed);

      $(this).find( $(".dropdown")).slideToggle("slow");
      var color = $( this ).css( "background" );
      if(color == "rgb(76, 58, 88) none repeat scroll 0% 0% / auto padding-box border-box"){
        $(this).css({"background" : "#ffffff", "transition" : "1s"});
        $(this).children("span").css({"background" : "url(/bitrix/templates/beautydrugs_mobile/img/menu-razdel-close.png)"});	
        $(this).find( $(".border-link")).css({"transition" : "1s", "display" : "none"});
        $(this).find( $(".first-lvl-link a")).css({"color" : "#222222"});
      } else {
        $(this).css({"background" : "#4c3a58", "transition" : "1s"});
        $(this).children("span").css({"background" : "url(/bitrix/templates/beautydrugs_mobile/img/menu-razdel-open.png)"});
        $(this).find( $(".border-link")).css({"transition" : "1s", "display" : "block"});
        $(this).find( $(".first-lvl-link a")).css({"color" : "#ffffff"});
      }
    });
  });