Тут необычная ситуация.
Есть такой скрипт
// Всплывающее меню:
var nav = $('#leftMenu');
var toggle = $('.hamburger');
var navItems = $('.nav__link');
toggle.click(function (){
toggleNav();
});
function toggleNav() {
// Show Nav
nav.toggleClass('menuactive');
// Transform Hamburger into 'X'
toggle.toggleClass('menuactive');
// Show Nav Items
navItems.toggleClass('menuactive');
}
$(document).mouseup(function (e) {
var container = $("#leftMenu");
if (container.has(e.target).length === 0){
$('#leftMenu').removeClass("menuactive");
$('.hamburger').removeClass("menuactive");
$('.nav__link').removeClass("menuactive");
}
});
removeClass происходит если кликнуть по любому полю за границами #leftMenu и если кликнуть по .hamburger , который находится внутри #leftMenu.
Но мне нужно было вынести .hamburger за границы #leftMenu. И теперь при клике .hamburger вместо закрытия происходит повторение присвоение класса menuactive всем элементам. Как подправить, подскажите, пожалуйста?
http://hsk.wiki/ru/full_chinese_course_ru/базовые-...
см. при ширине меньше 780 пиксов