Что добавить, чтобы убирался класс?

Question

[partyzanx]

Что добавить, чтобы происходило действие:

$('#leftMenu').removeClass("menuactive");
        $('.hamburger').removeClass("menuactive");
        $('.nav__link').removeClass("menuactive");

при условии, что .hamburger находится вне границ #leftMenu. Сейчас закрытие происходит при клике вне границ #leftMenu, но если кликнуть на .hamburger, который находится вне границ, закрытие не происходит.

Сам код:

// Всплывающее меню:
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");
    }
});

Answer 1

[Дмитрий Марков]

Если .hamburger это дочерний элемент #leftMenu, тогда закрытие не будет происходить т.к. container.has(e.target).length выдаст 1. Если это так добавьте условие || e.target == $('.hamburger')

Comments

[partyzanx]

Например как это будет выглядеть?

[partyzanx]

Если .hamburger это дочерний элемент #leftMenu

нет, как я писал, он находится вне #leftMenu