Как вернуть меню в исходное состояние?

Question

[Максим]

Имеем меню ...написал для примера
Разумеется что ресайза окна в мобилке нету но всё же есть планшеты с двумя видами отображения : портретное и альбомное но суть не в этом ..
При ресайзе окна ..срабатывают медиазапросы с этим всё в порядке !
Я хочу что бы если меню было открыто ....то при ресизе окошка и если вернулись в это же разрешение оно было закрыто ...блин плохой мой русский ...
К примеру если кликнуть на кнопку открытия меню (< 640px) сжать окно и опять разжать оно будет открыто а надо что бы было закрыто ...
Как добиться этого ? https://jsfiddle.net/q8tc97fj/65/

Answer 1

[Exploding]

Так как-то?

$(window).on("load resize", function(){
   var width = $(window).width();
	$(".text").text(width);
	if(width<640) 
		$("ul.mobile").removeClass("show");
});

Comments

[Максим]

а можно ещё один вопрос ?
он наверно не сложный для тебя будет

[Exploding]

Максим Ленский, да хоть сколько угодно)

[Максим]

Exploding, ну вот смотри - видишь там скрипт вывода ширины экрана который появляется только если делать resize , как сделать что бы он появился и не пропадал ? load не помогает

[Exploding]

Максим Ленский, Заработался и забыл про вопрос))
.text и так виден, просто он пустой fixed и соотв. и размеры у него 0х0

Для документа нужно использовать ready обработчик, он срабатывает при готовности DOM, а load является обработчиком завершения загрузки именно элемента.

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

$(document).ready(function(){
	$(".text").text($(document).width());
	
    $(window).on("resize", function(){
	 	$("ul.mobile").removeClass("show");
      $(".text").text($(document).width());
    });

   $(".trigger, .close").on("click", function(){
    $("ul.mobile").toggleClass("show");
   });

});

[Максим]

Exploding, ready есть там - но это не помогает

[Exploding]

Максим Ленский, в предыдущем сообщении это я ваш код подправил. Его уже можно использовать, в нем все ваши пожелания учтены)

[Максим]

Exploding, почти одно и тоже ... ладно наверно это не возможно сделать...спс за помощь ....

[Exploding]

Максим Ленский, Так а что не работает то?

[Максим]

Exploding, ни хрена себе - именно здесь в сниппете работает как надо ....спс огромное

[Exploding]

Максим Ленский, Да незачто))