Как закрыть меню при клике на ссылку:?

Ребята подскажите пожалуйста как закрыть меню мобильное при клике на ссылку? Меню полностью рабочее но есть баг что при клике на ссылку оно не закрывается?
СКРИНШОТ:

Как закрыть меню при клике на ссылку:?

JS КОД:

Дополнительно:

Получить в переменную все теги а и перебрать и повесить на них click в результате которого закрывать меню то есть убрать с меню тот class который отвечает за открытие

  • Максим, я не силен в JS..
  • Максим, ссылки кривые (https://https/...), поправь
  • RimMirK, я с телефона отвечал, копировал ссылки с адрессной строки...


    • + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

      • Как закрыть меню при клике на ссылку:?Есть ответ
      • 08.04.2024
      Ответить

      Чтобы закрыть меню при клике на ссылку, вам нужно добавить обработчик события клика на ссылку, который будет скрывать меню. Для этого можно использовать 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".

      Теперь, когда пользователь кликает на ссылку в меню, оно будет закрыто. Не забудьте адаптировать этот код под вашу конкретную разметку и стили.

    Оставить комментарий