Как вернуть палочки меню в исходное положение?

Question

[HelpMeeee]

Есть код:

$("#toggle").click(function() {
		$(this).toggleClass("on");
		$("nav.menu").toggleClass("active");
		$("header a.logo").toggleClass("active");
		$("body").toggleClass("ovy");
	});

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

Comments

[edward_freedom]

для начала попробуй удалить классы, какие ты добавил. Хотя у тебя в коде, при повторном нажатии, оно само долнжо удалиться

[HelpMeeee]

edward_freedom, Получается если нажимать на крестик, то бургер возвращается, а если на пункт меню - нет.
Все функции, что происходят при нажатии на палочки присвоил нажатию на пункт меню, но ничего

[edward_freedom]

HelpMeeee,

Все функции, что происходят при нажатии на палочки присвоил нажатию на пункт меню, но ничего

Класс на свои меню измени

$("класс твоих меню").click(function() {
	$("#toggle").toggleClass("on");
	$("nav.menu").toggleClass("active");
	$("header a.logo").toggleClass("active");
	$("body").toggleClass("ovy");
});

[HelpMeeee]

edward_freedom,

$(".off").click(function() {
$(#toggle).toggleClass("on");
$("nav.menu").toggleClass("active");
$("header a.logo").toggleClass("active");
$("body").toggleClass("ovy");
});

Answer 1

[WapSter]

Ужас какой-то) Вот тебе решение, если все классы учавствуют для стилей активного меню.

$(/* селектор списка меню */).click(function() {
   $('#toggle').removeClass("on");
   $("nav.menu").removeClass("active");
   $("header a.logo").removeClass("active");
   $("body").removeClass("ovy");
});