Как заставить fade дожидаться окончания анимации?

Question

[Павел Антонов]

Ребят подскажите как сделать переключение табов более корректно. Набросал код, сильно не трольте я учусь, понимаю что есть готовые табы и все прочее, но мне интересно самому потихоньку разбираться.

Есть 2 таба, переключение происходит по клику только на 2-м табе, после клика меняются заголовки у табов и сам контент, если кликать на второй таб быстро то проявляется неприятный момент с fade'ами, вроде как здесь нужно заюзать stop() но у меня что-то не получается.

Демо тут

Answer 1

[Михаил Вихрян]

В jquery, чтобы функция выполнилась после проигрывания анимации, ее нужно передать аргументом вторым (callback). Например, так $( 'a' ).fadeOut( 600, function(){} ). В документации все написано, даже с примерами: api.jquery.com/fadeout

.fadeOut( [duration ] [, complete ] ), где complete - callback по завершению анмиации.

Comments

[Павел Антонов]

спасибо, но тоже не помогло исправил демо codepen.io/freislot/pen/BWavaL покликайте активно по второму табу

[Михаил Вихрян]

Павел Антонов: ващ код слегка избыточен, на мой взгляд, но имеет право на существование. Та проблема, о которой идет речь - это то, что при каждом клике заново запускается событие. А значит на время анимации нужно выключить обработку событий клика по табу. Как это сделать - почитайте в документации jquery (методы .on() и .off() )

[Павел Антонов]

Ага спасибо почитаю