Как возвратить меню?

Question

[olya_097]

Что прописать если когда я открываю меню в адаптивке (тоесть <767)
а потом его закрываю

и потом увеличиваю экран
то меню пропадает
как решить на jq

Answer 1

[Павел]

$(window).on('resize', function() {
//Тут Ваш код < 767
});

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

Comments

[olya_097]

Павел ,$(window).on('resize', function() {
$(menu).display:"block";
});

так почему то не корректно работает

[Павел]

olya_097, потому что в коде у Вас фигня какая то))

$(window).on('resize', function() {
if ($(window).width() < 768) {
$(menu).show();
}
});

Answer 2

[Сергей delphinpro]

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

Кнопка не переключает меню, а переключает класс.

$('.menu-button').on('click', function(){
  $('.menu').toggleClass('open');
});

.menu {
  display: none;
  
  @media(max-width: 767px){
    &.open { display: block; }
  }
}

При необходимости решения в javascript имеет смысл воспользоваться (IE11+) интерфейсом matchMedia вместо прослушивания ресайза.