Задать вопрос
provex
@provex
Front-end Developer

Как сделать, чтобы при клике на .container меню закрывалось?

codepen.io/123prove123/pen/QjLXeP

Как сделать, чтобы при клике на .container меню закрывалось?
  • Вопрос задан
  • 206 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
Так как кнопка "показать меню" находиться в самом .container, надо ловить в нем клик, исключать само меню и кнопку и проверять переменную menu:
$('.container').click(function(event) {
    $target = $(event.target);
    if (!$target.closest($('.navbar')).length && !$target.closest($('.menu-toggle')).length && menu == 'open') {
      $('.navbar').css('-webkit-transform', 'translate(-100%, 0)');
      $('.container').css('-webkit-transform', 'translate(0, 0)');
      $('.container').removeClass('inner');
      menu = "close";
    }
  });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы