У меня есть попап который открывается при нажатии на элемент, но не закрывает его при повторном. И есть также событие, если кликнуть на другое место, попап убирается
Но у меня попап не исчезает при повторном клики (в браузере можно заметить, что элемент мигает, но не убирается класс)
Возможно происходят какие-то конфликты
Теперь вопрос, как такое исправить чтобы все события работали корректно
$('.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');
}
});