Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.68/25: Рейтинг темы: голосов - 25, средняя оценка - 4.68
 Аватар для Alino
0 / 0 / 0
Регистрация: 21.10.2015
Сообщений: 16

НЕ работает эффект .slideToggle

23.07.2016, 15:01. Показов 4739. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую) Помогите пожалуйста разобраться почему не работает эффект .slideToggle для выпадающего меню. Ни как не могу найти в чём ошибка. В JS и JQuery я новичёк, только начала изучать. Буду безмерно благодарна за помощ!
В низу папка с сайтом.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.07.2016, 15:01
Ответы с готовыми решениями:

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

Не правильно работает slideToggle
Есть блок, который в десктопной версии сайта отображается полностью, а в мобильной (480рх и меньше) только заголовок этого блока, а...

SlideToggle() отключить событие для блока внутри блока с .slideToggle()
У меня есть такой скрипт: $(".cl_item").click(function() { $(this).children(".cli_popup").slideToggle(); }); В...

5
 Аватар для Alino
0 / 0 / 0
Регистрация: 21.10.2015
Сообщений: 16
23.07.2016, 15:19  [ТС]
Вёрстка
Вложения
Тип файла: zip WinRAR ZIP archive.zip (2.68 Мб, 6 просмотров)
0
 Аватар для sad67man
2598 / 1502 / 689
Регистрация: 23.08.2015
Сообщений: 3,800
23.07.2016, 18:21
Лучший ответ Сообщение было отмечено Alino как решение

Решение

Alino, Вы запутались со скобками.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
    //launch script Flexslider
    $('.flexslider').flexslider();
  
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 200) {
           $('.logotip').css('margin-top', '1px');
           $('.navigation').css('margin-top', '7px');
           $('#sticky-block').css('height', '54px');
        };
    });
 
    $(".nav-touch").click(function(){
      $("ul.navigation").slideToggle(1000);
    }); 
})
Добавлено через 7 минут
Чтоб анимация корректно работала, нужно убрать в стилях transition: all у .navigation.
При закрытии меню, оно скроется и для десктопа, а нужно чтоб при ширине экрана > 920px меню всегда отображалось.
Нужно добавить медиа запрос.
CSS
1
2
3
4
5
@media (min-width: 921px){
  ul.navigation{
    display:block!important;
  }
}
1
 Аватар для Alino
0 / 0 / 0
Регистрация: 21.10.2015
Сообщений: 16
26.07.2016, 11:24  [ТС]
Спасибо вам большое) И правда не заметила что скобки не хватает. Добавила скобки, убрала transition: all и всё заработало. Только вот не поняла про

CSS
1
2
3
4
5
@media (min-width: 921px){
  ul.navigation{
    display:block!important;
  }
}
display:block!important; - для чего это?
0
 Аватар для sad67man
2598 / 1502 / 689
Регистрация: 23.08.2015
Сообщений: 3,800
26.07.2016, 11:36
Лучший ответ Сообщение было отмечено Alino как решение

Решение

Alino, Это для того, чтоб при ширине экрана больше 920px меню всегда отображалось, ведь после закрытия меню, добавится инлайновый стиль display:none;
1
 Аватар для Alino
0 / 0 / 0
Регистрация: 21.10.2015
Сообщений: 16
27.07.2016, 15:50  [ТС]
Всё поняла! Спасибо вам огромнейшее!!! Я всё ни понимала почему так происходит, и ни как не могла сформулировать вопрос что бы спросить на форумах, кучу инфы перелопатила и не находила ответа . Оказывается всё так просто решается. Спасибо вам за участие, вы мне очень помогли!!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.07.2016, 15:50
Помогаю со студенческими работами здесь

Эффект не работает в IE
Здравствуйте.Решил написать простенький эффект, для наложения одной картинки на другую....типа как картинка машины а при наведении на нее...

SlideToggle
Есть код, который срабатывает при клике по элементу списка, а именно разворачивается меню и сворачивается. ...

SlideToggle
ПРивет всем, появилась такая задачка: есть N блоков с одинаковой структурой, надо, чтобы по клику на кнопке (more) появлялось окно...

Эффект затухания/появления и слайд эффект
Привет Всем. Подскажите как можно решить эту задачу? Пока с тем что есть выходит криво: $("#amben").animate({opacity:...

Функция slideToggle
При клике на елемент у меня срабатывает slideToggle(); $('.element').slideToggle(function() { ... }) Моя функция вызваная...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru