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

Question

[Vitaly Max]

Всем доброго дня!
Есть адаптивное меню

когда я его открываю по клику, все окей, меню открывается..кнопка бургера исчезает


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

Вот код

$('.nav-menu__btn').click(function () {
	$(".nav-menu__list").toggleClass('nav-menu__show');
	$(this).css("display", "none");
	$(".nav-menu__social").toggleClass('nav-menu__socialcolumn');	
});

Answer 1

[Павел]

Функцию обернуть в $(window).resize(function() и если надо отталкиваться от размера экрана

$(window).resize(function() {
if ($(window).width() < 960) {
     // Код для экранов меньше 960px
  }
 else {
    // код для экранов больше 960 px
 }
});

Comments

[Vitaly Max]

туплю.. получается на больших разрешениях мне нужно убрать классы, которые присваивает функция toggle

[Павел]

RaggaMaffin, да
$(".nav-menu__list").removeClass('nav-menu__show');
или
$(".nav-menu__show").hide();
или
$(".nav-menu__show").fadeOut();