jquery animate queue, очередь отключена только для определенного элемента

Question

Я применил анимацию для отображения элементов на странице.

Проблема возникла, когда я нажал кнопку, чтобы отобразить форму регистрации, если анимация следующего раздела все еще продолжалась, и я нажал кнопку «Регистрация», открыв раздел, содержащий форму, которую он имел в качестве задержка, ожидающая окончания анимации в нижней части.

Так я обратился к анимации:

$(document.body).on('appear', '.animate-from-left', function() { 
     jQuery(this).each(function() { 
      jQuery(this).delay(150).animate({opacity: 1, left: "0px"}, {duration: 2000, queue: false}); 
     }); 
    }); 

Но теперь приходит еще одна небольшая проблема, анимации не ждут больше, так что, если я перечисляю быстро DOM, начать анимацию по всем пунктам.

Так что вопрос:

я могу убедиться, что анимация не просто ждет, когда я выбираю кнопку секции открытия форм-регистрации?

Надеюсь, я был чист.

Вот пример задачи: JSFiddle

При выборе кнопки Регистрация до завершения анимации в разделе ниже, открытие будет отложено!

Answer 1

ОК,

Я нашел решение!

$('#open-signup').on('click', function(){ 
    $('.animate-from-left').dequeue(); 
    $('.animate-from-right').dequeue(); 
    $('.animate-from-top').dequeue(); 
    $('.animate-from-bottom').dequeue(); 
    $(this).dequeue(); 
    .... 

Здесь JSFiddle.