Почему не работает второе элемент в .queue?

Question

[istasiik]

Есть вот такой скрипт:

<script>
$(document).ready(function(){
$( "#anm-wrong" ).click(function() {
  $(".forms-block").queue(function() {
                     $(this).toggleClass( "animated shake" );
                    $(this).toggleClass( "animated shake" );
                    $(this).dequeue();
});
});
});
</script>

который вообще ничего не делает. Но если убрать второй toggleClass то первый уже начинает работать. Что я делаю не так? При этом другой скрипт работает полностью:

<script>
$(document).ready(function(){
$( "#anm-wrong" ).click(function() {
  $(".placeHolder").queue(function() {
                     $(this).toggleClass( "required", 500 );
                    $(this).toggleClass( "required", 500 );
                    $(this).dequeue();
});
});
});
</script>

Answer 1

[asdz]

В первом примере вы добавляете и сразу же отключаете классы animated shake, во втором примере вы всегда добавляете классы animated shake т.к. передаете вторым аргументом 500, хотя в доках написано что вы должны передавать просто true/false: true - добавит класс, false - удалит, т.е. вы два раза добавляете. А bool от 500 всегда true

Comments

[istasiik]

во втором примере тоггл включает и выключает класс, которые плавно меняет цвет на красный и обратно. В первом примере тоггл должен включить и выключить класс, который анимирует блок. Не могли бы вы чуть подробней расписать, как решить?

[asdz]

codepen.io/anon/pen/cgqBz

[istasiik]

@asdz спасибо вам большое!

Answer 2

[Александр Таратин]

Прихожу я короче домой, нажимаю на выключатель 2 раза подряд, но свет не загорается, причем если нажать 1 раз начинает работать. Что я делаю не так?

Comments

[istasiik]

почему тогда второй работает корректно? во втором примере тоггл включает и выключает класс, которые плавно меняет цвет на красный и обратно

[asdz]

@istasiik Потому что вы включаете включатель, и еще раз включаете ))

[Александр Таратин]

@istasiik jsfiddle.net/QW01_01/8wwy9p10