Как закрыть меню по клику на кнопку открытия

Question

var filter = function () {
    var $hideElement = $('.services-filter__nav');
    $('.services-filter__open').on('click', function(){
        $hideElement.addClass('services-filter__nav-opend');
    });
    $('.services-nav__item').on('click', function(){
        $hideElement.removeClass('services-filter__nav-opend');
    });
};

Вот такой скрипт, сделал чтоб меню закрывалось по клику на пункт меня. Но оно теперь не закрывается по клику на саму кнопку открытия (services-filter__open)

Answer 1

Создай переменную, в которой будешь хранить открыто меню или закрыто. Например:

var statusMenu = false; // меню закрыто

if(statusMenu == false) {
   // Открываем меню
} else {
   // закрываем.
}

Answer 2

Вы можете переключать класс по клику:

$(".services-filter__open").click(function () {
  $hideElement.toggleClass("services-filter__nav-opend");
});

БЛОГ НА HUSL

Как закрыть меню по клику на кнопку открытия

Ответы (2 шт):