Как добавить плавность кода JS?

Question

[DeniSidorenko]

Как сделать что бы данные команды исполнялись медленее, т.е с анимации

$('.open-subcategory').on('click', function() {
	$('.sub-category__all').toggleClass('hidden');
	$('.subcategory__open').toggleClass('hidden');
	$('.subcategory__closed  ').toggleClass('hidden');
	$('.sub-category__preview').toggleClass('hidden');
});

Comments

[Denis Michurin]

что бы прозрачность становилась плавной?

Answer 1

[qpPeW]

$('.open-subcategory').on('click', function() {
	$('.sub-category__all').toggleClass('hidden', 1000);
	$('.subcategory__open').toggleClass('hidden', 1000);
	$('.subcategory__closed  ').toggleClass('hidden', 1000);
	$('.sub-category__preview').toggleClass('hidden', 1000);
});

Comments

[Alexander Pushkarev]

Это работает только в jqueryui, в jquery функция другая

[qpPeW]

Alexander Pushkarev: он задал вопрос конкретно по функции toggleClass, я по ней и дал ответ.
тем более откуда Вы знаете что он использует jquery, а не jqueryui ?

[DeniSidorenko]

Artem Yur'evich: Artem Yur'evich: Спасибо Артем, да использую jqueryUi

Answer 2

[Alexander Pushkarev]

Вы класс ставите, так только через css. Можно использовать .slideToggle() или .fadeToggle() для анимации