@orsodev

Как настроить вид и работу мобильного меню на сайте?

Сделал меню для сайта.
При разрешении 1024 оно скрывается и появляется кнопка бургер меню.
Как сделать чтобы при переходе по ссылкам меню закрывалось и закрывалось если нажать вне пределов меню.
JAVASCRIPT и JQUERY плохо знаю, поэтому нужна помощь

https://codepen.io/MikD/pen/yLLYeMw
  • Вопрос задан
  • 84 просмотра
Пригласить эксперта
Ответы на вопрос 1
$(document).ready(function () {	

  $('.header__btn-menu').click(function () { // Открываем / Закрываем меню 
    $('.header__content_nav ul').slideToggle();
  });

  $(document).click(function(e) { // Кликаем по любому месту
    if(!$(e.target).closest('.header__content').length > 0) { // Проверяем если нажатый элемент не имеет родителя 'header__content'
      hideMenu(); // Закрываем Меню
//лучше выбрать другого родителя
    }
  });
  
  $('.header__content_nav a').click(function() { // По нажатию по ссылке закрываем меню
    hideMenu(); // Закрываем Меню
  });
  
  function hideMenu() { // Функция - Закрывает меню
    $('.header__content_nav ul').slideUp();
  }


});
Ответ написан
Ваш ответ на вопрос

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

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