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

Question

[Roman]

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

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');
	});

Answer 1

[SuperToster]

Добавить к body класс, и к нему привязать появление и анимацию меню, например так:
https://jsfiddle.net/Ganta/soepj68a/

Comments

[Павел Корнилов]

Лаконичное и красивое решение. +1

[Roman]

Спасибо, упростил, теперь всё гуд

//  Гамбургер открывашка
	$('.hamburger-toggle').click(function () {
		$(this).toggleClass('open');
		$('.hamburger-menu__list').toggleClass('open');
	});

	// Кнопка в выезжающем меню
	$('.hamburger-menu__closebtn').on('click', function () {
		$('.hamburger-menu__list').removeClass('open');
		$('.hamburger-toggle').removeClass('open');
	});