Меню аккордеон которое не сворачивается

Вертикальный аккордеон, уезжает меню при разворачивании другого раздела

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Закрыть меню-аккордеон при открытии другого
Ребят столкнулся с проблемой- есть менюшка , при клике на один из разделов открываются подменю но.

Вертикальный аккордеон.
Кто знаком с JQuery.UI и может подсказать как к стандартному аккордеону можно прикрутить.

Меню аккордеон при переходе остается открытым
Доброго времени суток, господа php гуру, прошу у вас помощи. У меня есть меню 0

Обучайтесь IT-профессиям с гарантией трудоустройства здесь.

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

Меню аккордеон, на joomla, у которого не закрывается дочерний список при переходе по ссылке
Народ, я новичок в программировании на Jquery, только учусь. Мне была поставлена задача сделать.

Модуль меню аккордеон для двух и более меню
Скачал хороший модуль меню для joomla3, только хочется использовать его не только для главного.

Меню «аккордеон» при нажатии переходит по ссылке
есть меню на jquery.dcjqaccordion http://zoom.leo-mebel.com.ua/jquery.dcjqaccordion.2.9.js .

Или воспользуйтесь поиском по форуму:

Изучайте английский язык в крупнейшей европейской школе Skyeng

Источник

Форум

Справочник

Опции темы

Искать в теме

Доброго времени суток, ув. форумчане!
Заранее скажу, что с js я еще на «Вы», поэтому вопросы могут показаться глупыми.
Суть вопроса следующая. Есть меню в виде списка:

Как видно, элементы меню, имеющие вложенность имеют класс «dir». Задача — при клике на такие элементы сворачивать/разворачивать вложенную часть, но при этом не переходить по ссылке пункта меню.
Пробую с помощью JQuery cледующее:

При клике на элемент меню, вложенные элементы пытаются свернуться, но происходит переход по ссылке. Ссылки есть у каждого элемента и, к сожалению, их заменить на # нельзя.
Пробовал в скрипт после slideToggle(«slow»); добавить:

При этом вложенное меню сворачивается/разворачивается но перейти по ссылкам вложенных элементов невозможно.

Подскажите, будь-те так добры, что добавить, чтобы можно было оперировать вложенными ссылками?
Заранее спасибо за ответы!

Источник

FlexMenu — сворачивающееся адаптивное меню на jQuery

Приветствую всех! Решил подкинуть своим читателям и подписчикам очередную полезность для сайта — адаптивное меню путем сворачивания не помещающихся пунктов в подпункты с названием, например, «Еще…». То есть пункты прячутся в подпункт «Еще…», когда не хватает места на экране. Естественно все это происходит автоматически с помощью небольшого плагина для jQuery под названием flexMenu.

Первом делом давайте сначала посмотрим на демку, чтобы понять нужно вообще читать дальше или нет. Откройте страницу с меню и уменьшайте размер экрана.

Теперь давайте разберем подробнее как это все работает. Вы можете скачать исходники плагина flexMenu с гитхаб, официальной странички разработчика. Здесь же найдете и демо, и документацию к использованию. Но у кого туго с английским я разберу документацию здесь. Ничего сложного нет, подключается и вызывается плагин также, как и любой другой для jQuery. Также не забываем сначала подключить саму библиотеку jQuery.

Если заметили, мы помимо jQuery и самого flexMenu подключили еще и Modernizr. Подключение библиотеки Modernizr не является обязательным. Оно просто определяет сенсорные устройства, т.е. если меню открыто на мобильном устройстве с сенсорным экраном, то тегу HTML будет добавлен дополнительный класс — js touch. С помощью данного класса мы можем придать другие стили для мобильных устройств, чтобы было удобнее открывать подпункты, щелкая пальцем.

HTML-код меню

Приведу HTML-код меню, чтобы было понятнее использование классов при вызове плагина.

Использование плагина

Дополнительные опции

threshold

(Число, по умолчанию — 2). Честно казать, не знаю в чем полезность данной опции. Более того, я считаю, что она должна работать немного по другому.

Данной опции передаем имеющееся количество пунктов меню и при этом пункты не будут прятаться в подпункты, а будут просто переноситься на новую строку. Для чего это нужно — понятия не имею. На мой взгляд должно быть так — задаем число, при котором пункты меню перестают прятаться в подпункты и переносятся на новую строку. Хотя и это не знаю где может пригодиться. В общем, объяснение я этому не нашел.

cutoff

(Число, по умолчанию — 2). Данной опцией задаем после какого количества пунктов мы должны показать одну кнопку раскрытия меню. Т.е. здесь есть возможность спрятать все меню в одну кнопку и назвать ее как угодно (через опцию linkTextAll и linkTitleAll, но об этом ниже), например, «Меню» (см. демо — уменьшите экран до мобильного устройства).

linkText

(Строка, по умолчанию — More). Задаем текст ссылки «More» подпунктов, например, «Показать еще» или просто «Еще…».

linkTitle

(Строка, по умолчанию — View More). Атрибут title для ссылки «More». Т.е. можно задать подсказку ссылке, например, «Показать все подпункты».

linkTextAll

(Строка, по умолчанию — Menu). Текст ссылки раскрытия всех подпунктов. Это когда все пункты прячутся в одну кнопку.

linkTitleAll

(Строка, по умолчанию — Menu). Атрибут title для ссылки раскрытия всех подпунктов. Опять же, можно задать подсказку при наведении курсора.

shouldApply

(Функция. По умолчанию возвращает — true). Функция срабатывает при изменении размера родительского контейнера меню. Чтобы проверить достаточно изменить размер экрана. Если функция вернет ложь (false), то ссылка «More» удалится, а не помещающиеся пункты перенесутся на новую строку.

showOnHover

(Boolean, по умолчанию — true). Выпадающие подпункты выпадают при наведении на ссылку «More». Если хотите вызывать их по клику установите данный параметр в false .

(Boolean, по умолчанию — false). Если перевести на русский, undo — означает уничтожить. Данный параметр, если выставить в true, вернет меню в первоначальное состояние, т.е. покажутся все пункты и исчезнет ссылка «More».

popupAbsolute

(Boolean, по умолчанию — true). По умолчанию выпадающему списку задается правило — position: absolute . Если вам нужно как-то по другому настроить выпадение без абсолютного позиционирования, то выставьте данное значение в false .

popupClass

(Строка, по умолчанию доп. класс не выводится). Дополнительный класс выпадающему списку. Сделано для удобства, если вас чем-то не устраивает имеющийся класс.

Вот и все опции.

Я немного поковырялся в скрипте и изменил метод закрывания подпунктов. Они закрывались только, если мы снова нажмем на ссылку «More», а мне хотелось, чтобы подпункты скрывались помимо самой ссылки «More» еще, кликнув в любом месте документа.

Где можно применить FlexMenu?

Наиболее часто данное flexMenu я применяю при адаптации вкладок (табов). Например данные табы можно найти в карточке товара практически любого интернет магазина. По клику можно переключать скрытый контент. Когда табы не вмещаются в экран, тем более когда их много, то просто не знаешь что с ними делать. FlexMenu как раз решает данную проблему — свернули в «More» лишние пункты и все.

Также flexMenu может пригодиться при адаптации хлебных крошек (навигатор на сайте). Бывают длинные пункты у хлебных крошек и они переносятся на следующую строку, что в свою очередь не очень удобно смотрится на мобильных устройствах. Как раз с помощью данного плагина можно оставить в одну строку то количество пунктов, которые помещаются в экран мобильного устройства.

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

[attention] Если вы хотите внедрить данный скрипт на свой сайт, но не хотите или не понимаете как это делать, то можете обратиться ко мне через форму обратной связи. Я вам помогу. Стоить данная услуга будет — 500 руб. [/attention]

Источник

При перезагрузке страницы сворачивается аккордеон

Есть одноуровневый аккордеон, для менюшки на jquery. Проблема состоит в том, что при переходе по ссылке в открышемся подменю категории после обновления страницы активная категория, с которой был совершен переход по ссылке, закрывается, а мне нужно, чтоб она оставалась открытой. Помогите разобратся, плз! Аккордеон организован с помощью списков.

В примере открыта категория Телефоны, в подменю названия телефонов (Nokiya, Samsung). Когда я выбираю модель телефона, после перезагрузки и вывода данных выбраной модели категория Телефоны закрывается, а мне нужно, чтоб она оставалась открытой до выбора другой категории. То есть если я нажимаю на Nokiya или Samsung, то всё должно оставатся так же, как в примере после перезагрузки страницы и вывода данныx по выбраной подкатегории, а при переходе на другую категорию она должна закрыватся, и открывается список подменю выбраной категории. Надеюсь, внятно объяснил, если непонятно или нужна дополнительная информация, код или что-то другое, то скажите, дам инфу!

Источник

Почему иногда меню аккордеон раскрывается при обновлении страницы

Опции темы

На сайте http://fr3809bb.bget.ru/ при переходе из слайдера сверху на новость, сначала на секунду раскрывается меню, а потом опять сворачивается или при обновлении страницы. Вот скрин Меню аккордеон (раскрывается при нажатии с появлением подпунктов и закрывается при щелчке обратно).
Вот так подключил js отвечающий за это в head.php

jQuery . fn . initMenu = function() <
return this . each (function() <
var theMenu = $( this ). get ( 0 );
$( ‘.sub-menu’ , this ). hide ();
$( ‘li.expand > .sub-menu’ , this ). show ();
$( ‘li.expand > .sub-menu’ , this ). prev (). addClass ( ‘active’ );
$( ‘li a’ , this ). click (
function( e ) <
e . stopImmediatePropagation ();
var theElement = $( this ). next ();
var parent = this . parentNode . parentNode ;
if($( parent ). hasClass ( ‘noaccordion’ )) <
if( theElement [ 0 ] === undefined ) <
window . location . href = this . href ;
>
$( theElement ). slideToggle ( ‘normal’ , function() <
if ($( this ). is ( ‘:visible’ )) <
$( this ). prev (). addClass ( ‘active’ );
>
else <
$( this ). prev (). removeClass ( ‘active’ );
>
>);
return false ;
>
else <
if( theElement . hasClass ( ‘sub-menu’ ) && theElement . is ( ‘:visible’ )) <
if($( parent ). hasClass ( ‘menu’ )) <
$( ‘.sub-menu:visible’ , parent ). first (). slideUp ( ‘normal’ ,
function() <
$( this ). prev (). removeClass ( ‘active’ );
>
);
return false ;
>
return false ;
>
if( theElement . hasClass ( ‘sub-menu’ ) && ! theElement . is ( ‘:visible’ )) <
$( ‘.sub-menu:visible’ , parent ). first (). slideUp ( ‘normal’ , function() <
$( this ). prev (). removeClass ( ‘active’ );
>);
theElement . slideDown ( ‘normal’ , function() <
$( this ). prev (). addClass ( ‘active’ );
>);
return false ;
>
>
>
);
>);
>;

В чем может быть проблема? Файл взял готовый в сети. Изменил переменные под себя.

Последний раз редактировалось SergeyNetIt; 16.01.2014 в 14:56 .

• 0
• 

SergeyNetIt

Попробуйте перенести этот код в конец -поставьте его перед Источник Читайте также:  Где находиться нота до бемоль Оцените статью Вам также может понравиться Яцына павел лопата гитара Яцына павел лопата гитара Концерт в Симферополе. Яхин концерт для фортепиано с оркестром ноты Яхин концерт для фортепиано с оркестром ноты Яхин Рустем Яся польку танцевала ноты Тема: Осенние жемчужинки — 2 Опции темы Отображение Ярмарка произведение для фортепиано «Гопак из оперы «Сорочинская ярмарка»: ноты для фортепиано Ярмак сердце пацана укулеле Ярмак «Сердце пацана» аккорды, как играть Ярко красно желтыми цветами ноты для Ярко красно желтыми цветами ноты для Музыкальное развитие Японский кейс для гитары Японский кейс для гитары You are using an outdated browser. Японские гитары по серийному номеру Японские гитары по серийному номеру DATING SQUIER GUITARS Правообладателям Политика конфиденциальности Контакты