KRASHMATE
@KRASHMATE

Как сделать чтобы toggleClass работал правильно?

У меня есть попап который открывается при нажатии на элемент, но не закрывает его при повторном. И есть также событие, если кликнуть на другое место, попап убирается

Но у меня попап не исчезает при повторном клики (в браузере можно заметить, что элемент мигает, но не убирается класс) Возможно происходят какие-то конфликты

Теперь вопрос, как такое исправить чтобы все события работали корректно

$('.menu__list-item').click(function () {
        $(this).toggleClass('menu__list-item--active');
        $(this).find('.menu__item-popup').toggleClass('menu__item-popup--active');
    });

// Убираем модальное окно при клике на другую область
    $(document).mouseup(function (e) { // событие клика по веб-документу
        var div = $('.menu__item-popup'); // тут указываем класс элемента
        if (!div.is(e.target) // если клик был не по нашему блоку
            && div.has(e.target).length === 0) { // и не по его дочерним элементам
            $('.menu__item-popup').removeClass('menu__item-popup--active');
            $('.menu__list-item').removeClass('menu__list-item--active');
        }
    });
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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