Блокирование события

$(".b-carousel-button-right").click(function()
{ // при клике на правую кнопку запускаем следующую функцию:
$(".h-carousel-items").animate({left: "-222px"}, 200);
// производим анимацию: блок с набором картинок уедет влево
на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд.
setTimeout(function () {
// устанавливаем задержку времени перед выполнением следующих функций.
 Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации.
$(".h-carousel-items .b-carousel-block").eq(0).clone().appendTo(".h-carousel-items");
// выбираем первый элемент, создаём его копию и помещаем в конец карусели
$(".h-carousel-items .b-carousel-block").eq(0).remove();
// удаляем первый элемент карусели
$(".h-carousel-items").css({"left":"0px"});
// возвращаем исходное смещение набора набора элементов карусели
}, 200);
});

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

 var $blaBla = $('.bla-bla');
if ($blaBla.not(':animated')) {
  // обрабатываем клик
}