hide() отрабатывают мгновенно.
$('.vacancy-btn__more').click(function() {
var elem = $(this).parent().parent().next();
if (!elem.hasClass('active')) {
elem.show(2000);
elem.addClass('active');
$(this).addClass('active');
} else {
elem.hide(2000);
elem.removeClass('active');
$(this).removeClass('active');
}
});
А что класс active делает?
Один как индефикатор скрытого элемента, а другой в кнопке иконку переворачивает
У active нет display: none?
Или вообще свойством display этот класс управляет?
да. понял в чем дело)
нет у класса active display:none
А без этого класса что у элемента с display?
none в стилях стоит
если убираю display: none то ничего не меняется - так же скрывается и показывается мгновенно.
Попробуй show и hide поместить в конец блока кода
Такая же хрень. не пойму что не так. Попробую в онлайн редактор вынести - говорят помогает понять проблему)
Вынеси) посмотрим)
Тут все работает даже с display: none - https://codepen.io/tungusv89/pen/bGrLKvB
Обсуждают сегодня