@asadov11

Как поставить анимацию на появление меню в jquery?

$('.icon-burger').click(function(){
	$('.icon-burger').toggleClass('burger-active');
	$('.header-container').toggleClass('header-container-active');
	$('.menu').toggleClass('menu-active');
});

как сделать, чтобы ul с классом menu при нажатии на icon-burger плавно появлялось.
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 2
@choupa
Архитектор (обычный, который строит)
$('.icon-burger').click(function(){
  $('.icon-burger, .header-container, .menu').fadeToggle();
  ...
});


Но кошернее, мне кажется, решать с помощью CSS и, а не анимацией jQuery

$('.icon-burger').click(function(){
  $('.icon-burger, .header-container, .menu').toggleClass('active');
});


.icon-burger, .header-container, .menu {
   opacity: 0%;
   transition: 1s;
}

.active {
   opacity: 100%;
   transition: 1s;
}


Но при загрузке станицы надо будет отключить transition. Это отдельная история, здесь не пишу.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы