Как закрыть навбар при нажатии снаружи? ⇐ CSS
Как закрыть навбар при нажатии снаружи?
Итак, я пытаюсь создать гамбургер-меню. У меня работает открывающаяся часть меню, но есть проблема с ее закрытием.
Я добавил прослушиватель событий, который проверяет, равен ли event.target навигационной панели, но проблема в том, что он не закрывает навигационную панель и даже не позволяет мне ее открыть. Вот мой код:
document.addEventListener('click', (e)=>{ const nav = document.getElementById('nav-container') if(e.target != nav){ nav.classList.remove('показать') } }) //Функция открытия навбара функция showNav(){ const nav = document.getElementById('nav-container') nav.classList.add('показать') }
Итак, я пытаюсь создать гамбургер-меню. У меня работает открывающаяся часть меню, но есть проблема с ее закрытием.
Я добавил прослушиватель событий, который проверяет, равен ли event.target навигационной панели, но проблема в том, что он не закрывает навигационную панель и даже не позволяет мне ее открыть. Вот мой код:
document.addEventListener('click', (e)=>{ const nav = document.getElementById('nav-container') if(e.target != nav){ nav.classList.remove('показать') } }) //Функция открытия навбара функция showNav(){ const nav = document.getElementById('nav-container') nav.classList.add('показать') }
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение