Как менять классы css при открытии/скрытии div?

Question

[neytan]

Добрый день есть код jquery:

$('.table-nav').click(function(){
		$(this).toggleClass('on');
		$(this).next(".table-nav-panel").toggleClass('nav-panel-active animated bounceInRight');
	});

Суть кода в том что при клике по кнопке с классом .table-nav появляется скрытый блок с анимацией bounceInRight (используется animate.css). Как сделать так что бы при повторном клике по .table-nav панель исчезала с анимацией .bounceInLeft?

Answer 1

[Олег]

Проверяйте наличие класса 'on':

if ($(this).hasClass('on')) {
   $(this).next(".table-nav-panel").toggleClass('nav-panel-active animated bounceInRight');
} else {
   $(this).next(".table-nav-panel").toggleClass('nav-panel-active animated bounceInLeft');
}

Comments

[neytan]

Не совсем корректно работает. При первом клике срабатывает bounceInRight, при втором - панель просто исчезает без анимации, при третьем срабатывает анимация bounceInLeft, при четвертом - закрывается, при пятом все идет сначала.
Как сделать что бы при первом клике была анимация bounceInLeft, при втором bounceInRight?