Javascript.RU

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

Не исчезает мобильное меню
На сайте сделал отдельное мобильное меню, которое изначально не видно с помощью 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');
            }
        }
    });
});


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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Мобильное меню DVV Элементы интерфейса 10 30.01.2020 16:17
mouseover jquery SolomonRei Элементы интерфейса 0 27.11.2018 16:41
В контекстном меню автоматически исчезает пункт меню. Как это "вылечить"? Исмаил Прокопенко Firefox/Mozilla 3 13.09.2016 22:10
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 14:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 19:59