RomanSocial
@RomanSocial
Ищу начинающего дизайнера. Верстаю /HTML, CSS, JS/

Как правильно сделать открытие и закрытие гамбургера?

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

https://romansocial.github.io/newprovidence-new

//  Гамбургер
	$('.hamburger-toggle').click(function () {
		var hamburgerWidth = parseInt($('.hamburger-menu__list').css('width'));

		$(this).toggleClass('open');

		if (hamburgerWidth === 0) {
			$('.hamburger-menu__list').css('width', 250);
		} else {
			$('.hamburger-menu__list').css('width', 0);
		};
	});

	// Кнопка в выезжающем меню
	$('.hamburger-menu__closebtn').on('click', function () {
		$('.hamburger-menu__list').css('width', 0);
		$('.hamburger-toggle').removeClass('open');
	});
  • Вопрос задан
  • 1425 просмотров
Решения вопроса 1
SuperToster
@SuperToster
Добавить к body класс, и к нему привязать появление и анимацию меню, например так:
https://jsfiddle.net/Ganta/soepj68a/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы