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;
}

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@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