Кнопка разворачивается и сворачивается по клику в любом месте, что можно добавить в код?

Question

[elenajs]

Я привязала кнопку гамбургер к меню. Сейчас меню открывается после клика по кнопке и закрывается также и закрывается после клика по экрану сворачиваясь обратно в полоски (гамбургер) что я и хотела, остался последний штрих - отключить кнопку от взаимодействия с экраном когда меню закрыто. Кнопка разворачивается и сворачивается по клику в любом месте, что можно добавить в код ниже, чтобы этого не происходило?

Comments

[Сергей]

Управление временем совсем не про это тег

Answer 1

[Даниил Чашков]

$(".hamburger").click(function(){
    // Тут добавляете класс к гамбургеру для закрытия или наоборот отменяете, не знаю как у вас работает он//
    $(this).toggleClass("is-active"); 
  });

Comments

[elenajs]

Получилось вот таким способом
$(document).ready(function () {
$(".hs-menubar").hsMenu();
$(".hamburger").click(function(){
$(this).toggleClass("is-active");
});
});

$(document).click(function(event) {
$target = $(event.target);
if(!$target.closest('.hamburger').length &&
$('.hamburger').toggleClass("is-active"));
});

Но теперь кнопка разворачивается и сворачивается по клику в любом месте, что можно еще добавить, чтобы этого не происходило? Сейчас меню открывается после клика по кнопке и закрывается также и закрывается после клика по экрану сворачиваясь обратно в полоски (гамбургер) что я и хотела, остался последний штрих - отключить кнопку от взаимодействия с экраном когда меню закрыто.

[Даниил Чашков]

elenajs, добавьте условие на проверку закрытости меню при клике