Показать сообщение отдельно
  #1 (permalink)  
Старый 13.07.2020, 13:08
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Не исчезает мобильное меню
На сайте сделал отдельное мобильное меню, которое изначально не видно с помощью display: none; и меню открывается с помощью гамбургер-меню. Однако если открыть мобильное меню и не закрыть его, а также растянуть окно браузера, то меню никуда не исчезает и наслаивается на обычное меню.

Код JS такой
$(document).ready(function () {
    $('#nav-toggle').on('click', function (e) {
        e.preventDefault();
        $('.mobile-menu').fadeToggle(500).css("display", "block");
    });
    $(window).resize(function () {
        if (innerWidth >= 992) {
            if ($('.mobile-menu').css('display') == 'none') {
                $('.mobile-menu').removeAttr('style');
            }
        }
    });
});


Собственно что надо дописать, чтобы мобильное меню исчезало в любом случае, если растянуть окно браузера до стандартных значений, даже при условии что оно было открыто???
Ответить с цитированием