SlideToggle() работает наполовину

@masta · Регистрация: 15.05.2013

Студворк — интернет-сервис помощи студентам

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

JavaScript
1
2
3
4
5
      
 
jQuery(".fa-bar").click(function() { 
        jQuery('.nav-menu').slideToggle(500); 
    });

где .fa-bar - это кнопка, а .nav-menu - меню, соответственно. Меню для мобильных скрыл предварительно display: none; Но проблема в том, что при нажатии меню раскрывается, а при повторном нажатии оно не скрывается! Почему так себя ведет понятие не имею, уже весь мозг сломал. Пробовал заменить slideToggle(500) на

JavaScript
1
2
3
4
5
6
jQuery(".fa-bar").click(function() { 
     if( jQuery(.nav-menu).css("display") == "none" ){
         jQuery('.nav-menu').slideUp(500); 
     }else{
        jQuery('.nav-menu').slideDown(500);  
    });

Но так совсем не работает.

@msheal · 27.03.2018, 00:17

Ваш пример в песочнице, все работает верно https://codepen.io/msheal/pen/wmPGmM

Проблем не в слайде, а в чем-то другом. По вашим данным все должно работать

@masta · 27.03.2018, 00:19 **[ТС]**

А в чем может быть проблема? Или на что можно заменить этот код?

@masta · 24.05.2019, 15:01 **[ТС]**

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

HTML5
1
2
3
4
.button{
 position: relative;
 z-index: 99;
}

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	27.03.2018, 00:17
	Ваш пример в песочнице, все работает верно https://codepen.io/msheal/pen/wmPGmM Проблем не в слайде, а в чем-то другом. По вашим данным все должно работать 0

@masta 18 / 15 / 8 Регистрация: 15.05.2013 Сообщений: 212
	27.03.2018, 00:19 [ТС]
	А в чем может быть проблема? Или на что можно заменить этот код? 0

Опции темы