Как закрыть меню при клике на ссылку:?
Ребята подскажите пожалуйста как закрыть меню мобильное при клике на ссылку? Меню полностью рабочее но есть баг что при клике на ссылку оно не закрывается?
СКРИНШОТ:
JS КОД:
const hamburger = document.querySelector(".mobile-menu"); const burgerMenu = document.querySelector(".menu__list"); hamburger.addEventListener("click", () => { hamburger.classList.toggle("active"); burgerMenu.classList.toggle("active"); }) |
const hamburger = document.querySelector(".mobile-menu"); const burgerMenu = document.querySelector(".menu__list"); hamburger.addEventListener("click", () => { hamburger.classList.toggle("active"); burgerMenu.classList.toggle("active"); })
Дополнительно:
Получить в переменную все теги а и перебрать и повесить на них click в результате которого закрывать меню то есть убрать с меню тот class который отвечает за открытие
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Чтобы закрыть меню при клике на ссылку, вам нужно добавить обработчик события клика на ссылку, который будет скрывать меню. Для этого можно использовать JavaScript.
Прежде всего, добавьте идентификатор к вашему меню, чтобы можно было легко найти его в DOM. Например, если ваше меню имеет id="menu":
```html
```
Затем добавьте JavaScript код, который будет скрывать меню при клике на ссылку:
```html
document.addEventListener('DOMContentLoaded', function() {
var menu = document.getElementById('menu');
var links = menu.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function() {
menu.style.display = 'none';
});
}
});
```
Этот код добавляет обработчик события клика на каждую ссылку в меню. При клике на любую из ссылок меню будет скрыто, устанавливая свойство display в "none".
Теперь, когда пользователь кликает на ссылку в меню, оно будет закрыто. Не забудьте адаптировать этот код под вашу конкретную разметку и стили.