BenderIsGreat34
@BenderIsGreat34
junior front-end

Не понимаю как закрыть адаптивное меню?

делаю адаптивное меню для мобильных, появился вопрос, как после открытия меню его закрыть?
как при любом нажатии не на адаптивное меню его закрыть?
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 1
boorl
@boorl
Проверять принадлежит ли узел контейнеру меню, например:
var $menu = document.querySelector(".header-menu"); // Берём контейнер меню

window.addEventListener("click", function(event) { 
    if(!$menu.contains(event.relatedTarget)) { // Проверяем принадлежность кликнутого узла нашему контейнеру, 
        links.classList.remove('header-menu__list'); // Закрываем меню, если не принадлежит
    }
})
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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