Всем доброго времени суток! Такая проблемка - есть небольшой слайдер на странице, с двумя кнопками, при нажатии на которые галерея внутри div-a смещается на определенное количество пикселей с заданным свойством animate - 500. Как можно реализовать блокировку кнопок на эти самые 500 миллисекунд, чтобы пользователь не имел возможности нажимать их до окончания cмещения? Пробовал играться и с delay() и с флагами. Безуспешно. Последняя реализация:
$('#button2').click(function(){
if (flag == false){
flag = true;
++count;
var galleryMarg = parseInt( $('#galleryCont').css('margin-left'), 10);
if(count <= itemSum-4){
$('#galleryCont').animate({"margin-left": (galleryMarg - itemSize - itemMarg) + 'px'},500);
}else{
--count;
}
}
flag = false;
});