Вы находитесь здесь:Плагины jQuery»liHarmonica - jQuery Accordion Menu или раздвигающееся меню на jQuery

liHarmonica - jQuery Accordion Menu или раздвигающееся меню на jQuery

Суббота, 12 Январь 2013 00:54 Автор 

Плагин liHarmonica - это лучший среди своих аналогов плагин для реализации раздвигающегося (раздвижного) многоуровневого меню на jquery.
Меню liHarmonica поддерживает бесконечный уровень вложенности пунктов, что резко выделяет его на фоне других меню с эффектом «accordion».
Благадаря гибкому CSS меню может принимать абсолютно разный внешний вид, от простого маркерованного списка до многоуровневого дереева.

Пример работы на JSFIDDLE

Подключаемые файлы

Подключаем один из предложенных файлов стилей:

<link rel="stylesheet" href="#">
<!-- или -->
<link rel="stylesheet" href="#">
<!-- или -->
<link rel="stylesheet" href="#">

Подключаем библиотеку "jQuery" и плагин "liHarmonica":

<script src="/js/jquery-1.8.min.js"></script>
<script src="/js/jquery.liHarmonica.js"></script>

Для работы псевдокласса :before в IE версий ниже 9, подключаем ie.js

<!--[if lt IE 9]>
<script src="/px.png"></script>
<![endif]-->

Инициализация плагина

<script>
$('.anyClass').liHarmonica({
currentClass:'cur',//Класс для выделенного пункта меню
onlyOne:true,      //true - открытым может быть только один пункт, 
                   //false - число открытых одновременно пунктов не ограничено
speed:500          //Скорость анимации
  });
</script>

Структура HTML

<ul class="anyClass skinPlank">
  <li><a href="#">Very long link</a>
        <ul>
            <li><a href="#">Clickable link One</a></li>
            <li><a class="cur" href="#">Clickable link Two</a></li>
            <li><a href="#">Clickable link Three</a></li>
            <li><a href="#">Clickable link Four</a></li>
            <li><a href="#">Clickable link Five</a></li>
        </ul>
   </li>
     <li><a href="#">Short link</a>
        <ul>
            <li><a href="#">Clickable link One</a></li>
            <li><a href="#">Clickable link Two</a></li>
            <li><a href="#">Clickable link Three</a></li>
            <li><a href="#">Clickable link Four</a></li>
        </ul>
     </li>
   <li><a href="#">Very long link</a></li>
   <li><a href="#">Short link</a>
        <ul>
            <li><a href="#">Clickable link One</a></li>
            <li><a href="#">Clickable link Two</a></li>
            <li><a href="#">Clickable link Three</a></li>
            <li><a href="#">Clickable link Four</a></li>
        </ul>
  </li>
</ul>
Прочитано 27596 раз Последнее изменение Воскресенье, 30 Март 2014 23:32
Оцените материал
(8 голосов)

Комментарии   

 
Sergey
# Sergey 07.03.2013 13:11
Спасибо отличное меню!
Такой вопрос: как сделать в "меню" чтобы при открытии какого-то линка меню не сворачивалось, а был веделен тот линк который соответствует странице
спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
Sergey
# Sergey 07.03.2013 14:15
Разобрался сам =) Спасибо

во общем сдела так :

$(document).rea dy(function() {
$('.skinClear a').each(functi on () {
var position = window.location .href;
var thisTab = this.href;
var thisTabHahs = window.location .hash;
//сравниваем переменные если совпадают добавляем к ссылке класс
if(position == thisTab || position == thisTab + thisTabHahs){$( this).addClass( 'cur');}
});
});
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 07.03.2013 21:16
Цитирую Sergey:
Разобрался сам =) Спасибо

во общем сдела так :

$(document).ready(function() {
$('.skinClear a').each(function () {
var position = window.location.href;
var thisTab = this.href;
var thisTabHahs = window.location.hash;
//сравниваем переменные если совпадают добавляем к ссылке класс
if(position == thisTab || position == thisTab + thisTabHahs){$(this).addClass('cur');}
});
});

Если средствами php у вас нет возможности поставить текущей ссылке класс "cur", то ваш способ вполне сгодится
Ответить | Ответить с цитатой | Цитировать
 
 
Mery
# Mery 06.09.2013 10:45
подскажите, куда добавлять этот код?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 06.09.2013 11:31
Цитирую Mery:
подскажите, куда добавлять этот код?

Стили и скрипты добавляются в тег "head",
А код HTML добавляется в тег "body"
Ответить | Ответить с цитатой | Цитировать
 
 
Mery
# Mery 06.09.2013 13:18
эт я знаю) менюшка работает, как сделать так, чтобы она не сворачивалась при открытии страницы
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 07.09.2013 00:26
Цитирую Mery:
эт я знаю) менюшка работает, как сделать так, чтобы она не сворачивалась при открытии страницы

1. Если вам нужно открыть какой-то один пункт то допишите активной ссылке класс "cur"
2. А если вам нужно чтобы при загрузке страницы были открыты все пункты с вложенностью, то нужно в CSS для вложенных контейнеров "ul" свойство "display:none" заменить на "display:block"
пример: http://jsfiddle.net/yurik417/8NdQN/57/
Ответить | Ответить с цитатой | Цитировать
 
 
Mery
# Mery 10.09.2013 11:08
Такой вопрос: как сделать в "меню" чтобы при открытии какого-то линка меню не сворачивалось, а был веделен тот линк который соответствует странице
вот этот вопрос меня интересует!)
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 10.09.2013 13:53
Цитирую Mery:
Такой вопрос: как сделать в "меню" чтобы при открытии какого-то линка меню не сворачивалось, а был веделен тот линк который соответствует странице
вот этот вопрос меня интересует!)

Линку, который соответсвует странице, допишите класс 'cur'
Ответить | Ответить с цитатой | Цитировать
 
 
Mery
# Mery 11.09.2013 11:43
То ли я глупая, то ли вы меня не понимаете) Мне хочется сделать так, как спросил и сам себе ответил человек из первого комментария)
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 11.09.2013 14:22
Цитирую Mery:
То ли я глупая, то ли вы меня не понимаете) Мне хочется сделать так, как спросил и сам себе ответил человек из первого комментария)

1. Чтобы в следующий раз вас понимали, цитируйте комментарий на который отвечаете, иначе теряется смысл.
2. Код выше нужно подключать перед подключением плагина.

1)...код...
2)...плагин...
3)...инициализация...

Пример: http://jsfiddle.net/8NdQN/60/
Ответить | Ответить с цитатой | Цитировать
 
 
Mery
# Mery 12.09.2013 07:18
Огромное спасибо за меню, понимание и терпение :) все работает
Ответить | Ответить с цитатой | Цитировать
 
 
Pa_vell
# Pa_vell 09.01.2016 20:49
Цитирую LiMasscode:
Цитирую Mery:
То ли я глупая, то ли вы меня не понимаете) Мне хочется сделать так, как спросил и сам себе ответил человек из первого комментария)

1. Чтобы в следующий раз вас понимали, цитируйте комментарий на который отвечаете, иначе теряется смысл.
2. Код выше нужно подключать перед подключением плагина.

1)...код...
2)...плагин...
3)...инициализация...

Пример: http://jsfiddle.net/8NdQN/60/

Добрый день. Присоединяюсь к вопросу. Не работает и все, уже всю плешь проел. Делал все, как описано выше. Или все пункты открыты или все закрыты. Нужно, чтобы открыт был только тот пункт меню, который соответствует текущей странице. Помогите разобраться, очень нужно. P.s.Если, конечно, ветка еще жива.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 12.01.2016 00:03
Цитирую Pa_vell:

Добрый день. Присоединяюсь к вопросу. Не работает и все, уже всю плешь проел. Делал все, как описано выше. Или все пункты открыты или все закрыты. Нужно, чтобы открыт был только тот пункт меню, который соответствует текущей странице. Помогите разобраться, очень нужно. P.s.Если, конечно, ветка еще жива.

Добрый день!

Вариант 1.
На соответствующих страницах ставите соответствующим ссылкам класс "cur". (это легко делается в PHP)
пример с открытым блоком: http://jsfiddle.net/yurik417/8NdQN/412/

Вариант 2.
использовать window.location.href
пример:
http://jsfiddle.net/yurik417/8NdQN/435/
Ответить | Ответить с цитатой | Цитировать
 
 
Торик
# Торик 22.06.2013 20:01
Добрый вечер. Пытаюсь поставит на сайт, с Simpla CMS, но почему-то не работает. Судя по всему, возникает ошибка где-то в самом скрипте модуля( вставлял алерты после выполнения команд, в скрипте плагина вывод прерывался).
Буду благодарен за помощь, заранее спасибо.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 23.06.2013 11:41
Цитирую Торик:
Добрый вечер. Пытаюсь поставит на сайт, с Simpla CMS, но почему-то не работает. Судя по всему, возникает ошибка где-то в самом скрипте модуля( вставлял алерты после выполнения команд, в скрипте плагина вывод прерывался).
Буду благодарен за помощь, заранее спасибо.

Киньте ссылку
Ответить | Ответить с цитатой | Цитировать
 
 
Marat
# Marat 24.09.2013 20:39
Всем привет!

Еще один полезный плагин, спасибо!

Вопрос: как сделать, чтобы нужный узел всегда был раскрытым, не смотря на текущую ветку (она может быть другая), и чтобы мышкой его нельзя было закрыть.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 25.09.2013 08:00
Цитирую Marat:
Всем привет!

Еще один полезный плагин, спасибо!

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

Попробуйте так:
http://jsfiddle.net/8NdQN/78/
Нужной ссылке надо добавить класс "allways"
Ответить | Ответить с цитатой | Цитировать
 
 
Marat
# Marat 25.09.2013 15:24
Спасибо!!!
Ответить | Ответить с цитатой | Цитировать
 
 
Val
# Val 23.11.2013 21:28
2. А если вам нужно чтобы при загрузке страницы были открыты все пункты с вложенностью, то нужно в CSS для вложенных контейнеров "ul" свойство "display:none" заменить на "display:block"
Помогите, плз, у меня стоит "display:block" , но, тем не менее, при каждом обновлении страницы меню отображается развернутым. В чем может быть еще дело?
Ответить | Ответить с цитатой | Цитировать
 
 
valentina
# valentina 23.11.2013 21:32
2. А если вам нужно чтобы при загрузке страницы были открыты все пункты с вложенностью, то нужно в CSS для вложенных контейнеров "ul" свойство "display:none" заменить на "display:block"
Помогите, плз, у меня стоит "display:block" , но, тем не менее, при каждом обновлении страницы меню отображается развернутым. В чем может быть еще дело?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 24.11.2013 11:37
Цитирую valentina:
2. А если вам нужно чтобы при загрузке страницы были открыты все пункты с вложенностью, то нужно в CSS для вложенных контейнеров "ul" свойство "display:none" заменить на "display:block"
Помогите, плз, у меня стоит "display:block" , но, тем не менее, при каждом обновлении страницы меню отображается развернутым. В чем может быть еще дело?

Если у вас стоит "display:block" , то меню и должно быть развернутым.
Ответить | Ответить с цитатой | Цитировать
 
 
valentina
# valentina 24.11.2013 11:58
Простите, описка. У меня стоит "none"
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 24.11.2013 19:23
Цитирую valentina:
Простите, описка. У меня стоит "none"

Киньте ссылку на страницу с нерабочим меню
Ответить | Ответить с цитатой | Цитировать
 
 
Denegro
# Denegro 05.01.2014 17:27
Цитирую Sergey:
Разобрался сам =) Спасибо

во общем сдела так :

$(document).ready(function() {
$('.Назнаие оформления a').each(function () {
var position = window.location.href;
var thisTab = this.href;
var thisTabHahs = window.location.hash;
//сравниваем переменные если совпадают добавляем к ссылке класс
if(position == thisTab || position == thisTab + thisTabHahs){$(this).addClass('cur');}
});
});


Спасибо)
Не забываем изменить на свой стиль оформление.
Ответить | Ответить с цитатой | Цитировать
 
 
radik55
# radik55 29.01.2014 16:38
Сейчас делаю один сайт. Решил я добавить ваш скрипт для меню, и не работает. Пробовал все что можно, работает только ваша страница, которая идет в архиве. Напишите пожалуйста мне на почту, и я покажу все, на данный момент могу только так. Заранее спасибо, надеюсь на вашу помощь!
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 29.01.2014 21:15
Цитирую radik55:
Сейчас делаю один сайт. Решил я добавить ваш скрипт для меню, и не работает. Пробовал все что можно, работает только ваша страница, которая идет в архиве. Напишите пожалуйста мне на почту, и я покажу все, на данный момент могу только так. Заранее спасибо, надеюсь на вашу помощь!

Написал
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 30.01.2014 09:59
Цитирую radik55:
Сейчас делаю один сайт. Решил я добавить ваш скрипт для меню, и не работает. Пробовал все что можно, работает только ваша страница, которая идет в архиве. Напишите пожалуйста мне на почту, и я покажу все, на данный момент могу только так. Заранее спасибо, надеюсь на вашу помощь!


Все плагины jQuery необходимо инициализироват ь после загрузки DOM.

Это делают с помощью функции:
$(document).ready(function(){
//здесь код инициализации
})

или сокращенно:
$(function(){
//здесь код инициализации
})
Ответить | Ответить с цитатой | Цитировать
 
 
radik55
# radik55 30.01.2014 11:31
Большое спасибо. Теперь буду брать на вашем сайте обитать) Очень понравились ваши скрипты. Поддержка тоже очень хорошая!
Ответить | Ответить с цитатой | Цитировать
 
 
Влад
# Влад 07.07.2014 15:40
Такая вот возникла проблемка, я загружаю список по аякс, а потом делаю инициализацию плагина после полной отработки аякс:
$(document).on("ajaxComplete",function(){
$('.right-tree' ).liHarmonica({
currentClass:'c ur',
onlyOne:true,
speed:500
});
});
И тут начинаются проблемы с открытием/закры тием подпунктов. Если закрыты подпункты, нажимая на ссылуку.harFull ее подпункты сначала открываются потом сразу же закрываются а потом еще раз открываются. Если подпункты открыты, то нажатие на их заголовок (a.harFull) сначала их закрывает потом открывает и опять закрывает. Такое чувство, что происходит двойное срабатывание, хотя если эти же элементы списка сразу загрузить на страницу и делать такую же инициализацию только в $(document).rea dy, все отлично работает.
Ответить | Ответить с цитатой | Цитировать
 
 
Влад
# Влад 07.07.2014 16:55
Продебугировал, оказывается не добавляется/уда ляется класс harOpen. Только вот не понимаю почему
Ответить | Ответить с цитатой | Цитировать
 
 
Влад
# Влад 08.07.2014 12:47
Проблема решена, все дело было именно в инициализации по ajaxComplete. На странице по аяксу загружались еще 2 блока кроме текущего, соответственно происходила тройная инициализация и одно событие клика отрабатывалось как три.
Ответить | Ответить с цитатой | Цитировать
 
 
Илья
# Илья 11.08.2014 21:25
Здравствуйте. Поставил ваше меню на свой сайт http://giftawatch.ru. Спасибо!
Хочу сделать так, чтобы при заходе на сайт, был открыт первый пункт меню.
В комментариях не нашёл ответа.
Подскажите, пожалуйста.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 12.08.2014 20:25
Цитирую Илья:
Здравствуйте. Поставил ваше меню на свой сайт http://giftawatch.ru. Спасибо!
Хочу сделать так, чтобы при заходе на сайт, был открыт первый пункт меню.
В комментариях не нашёл ответа.
Подскажите, пожалуйста.


1. Либо дописываете ссылке, которая должна быть открыта класс "cur":

2. Либо обратите внимание на этот комментарий:
/index.php/k2/item/51-liharmonica#comment-99
Ответить | Ответить с цитатой | Цитировать
 
 
Valery
# Valery 15.09.2014 10:31
Пример аккордеона [удалено]
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 20.09.2014 12:39
Цитирую Valery:
Пример аккордеона [удалено]

Валерий, если вы хотите обменяться ссылками, пишите на почту
Ответить | Ответить с цитатой | Цитировать
 
 
Александр
# Александр 04.12.2014 12:44
Здравствуйте! Хороший плагин, единственное никак не пойму, как зайти на страницу по ссылке в родительском пункте?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 06.12.2014 09:24
Цитирую Александр:
Здравствуйте! Хороший плагин, единственное никак не пойму, как зайти на страницу по ссылке в родительском пункте?

Меню имеет функционал стандартного "аккордеона" и поэтому возможности зайти на ссылку-триггер нет.
Для таких целей рекомендую: /index.php/k2/item/35-limenuvert
Ответить | Ответить с цитатой | Цитировать
 
 
Александр
# Александр 22.01.2015 22:35
Здравствуйте, подскажите пожалуйста, как сделать все пункты ссылками
Ответить | Ответить с цитатой | Цитировать
 
 
Pirate Rat
# Pirate Rat 08.04.2015 13:56
Добрый день. Шикарный скрипт.
Но хочется ЕЩЕ чуть чуть большего.
Нельзя ли что-то сделать на примере
http://www.jqueryscript.net/demo/Lightweight-Folding-Menu-Plugin-For-jQuery-treemenu-js/
когда сворачивание/ра зворачивание осуществляется не текстом (и тем более не текстовой ссылкой), а специальным блоком перед текстом (ссылкой). (При том ОЧЕНЬ бы хотелось, чтоб "блок" добавлялся не через PHP (в моем случае), а скриптом.)
СПАСИБО!
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 07.08.2015 16:15
Цитирую Pirate Rat:
Добрый день. Шикарный скрипт.
Но хочется ЕЩЕ чуть чуть большего.
Нельзя ли что-то сделать на примере
http://www.jqueryscript.net/demo/Lightweight-Folding-Menu-Plugin-For-jQuery-treemenu-js/
когда сворачивание/разворачивание осуществляется не текстом (и тем более не текстовой ссылкой), а специальным блоком перед текстом (ссылкой). (При том ОЧЕНЬ бы хотелось, чтоб "блок" добавлялся не через PHP (в моем случае), а скриптом.)
СПАСИБО!

Цитирую Роман:
Скажите пожалуйста, можно ли сделать так, что бы пункт меню
Very long link
был кликабельным и вел на страницу с материалом, а не просто был разделителем и выводил подпункты меню.

Пользуйтесь на здоровье
http://jsfiddle.net/yurik417/8NdQN/399/

Скоро добавлю в архив этот функционал
Ответить | Ответить с цитатой | Цитировать
 
 
Роман
# Роман 17.06.2015 23:17
Скажите пожалуйста, можно ли сделать так, что бы пункт меню
Very long link
был кликабельным и вел на страницу с материалом, а не просто был разделителем и выводил подпункты меню.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 17.08.2015 13:44
Цитирую Роман:
Скажите пожалуйста, можно ли сделать так, что бы пункт меню
Very long link
был кликабельным и вел на страницу с материалом, а не просто был разделителем и выводил подпункты меню.

Пользуйтесь на здоровье
http://jsfiddle.net/yurik417/8NdQN/399/
Ответить | Ответить с цитатой | Цитировать
 
 
Александр
# Александр 14.09.2015 12:49
Цитирую LiMasscode:

Пользуйтесь на здоровье
http://jsfiddle.net/yurik417/8NdQN/399/


LiMasscode, спасибо - классный скрипт.
Скажите, можно ли модифицировать эту версию так, чтобы переход по ссылке осуществлялся при клике на треугольник (div.harBtn), а подпункты раскрывались при клике на текст ссылки т.е. наоборот чем в текущей версии.
Ну кроме последнего уровня вложенности пунктов меню - там где div.harBtn нет и переход осуществлялся так как сейчас - по клику на ссылку.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 15.09.2015 12:03
Цитирую Александр:

LiMasscode, спасибо - классный скрипт.
Скажите, можно ли модифицировать эту версию так, чтобы переход по ссылке осуществлялся при клике на треугольник (div.harBtn), а подпункты раскрывались при клике на текст ссылки т.е. наоборот чем в текущей версии.
Ну кроме последнего уровня вложенности пунктов меню - там где div.harBtn нет и переход осуществлялся так как сейчас - по клику на ссылку.

Забирайте
http://jsfiddle.net/yurik417/8NdQN/404/
Ответить | Ответить с цитатой | Цитировать
 
 
Александр
# Александр 16.09.2015 16:19
Цитирую LiMasscode:

Забирайте
http://jsfiddle.net/yurik417/8NdQN/404/

LiMasscode, спасибо - забрал.
Но работает не совсем корректно)
По клику на текст ссылки подпункты разворачивает - это ок
По клику на текст ссылки на последнем уровне вложенности (там где div.harBtn нет) - переход по соответствующей ссылке - это ок
Но вот по клику на треугольник (div.harBtn) переход осуществляется всегда на одну и ту же страничку- та которая прописана самой первой ссылке (если на примере http://jsfiddle.net/yurik417/8NdQN/404/ - то это 4-ая строка html-кода a href="#") и это происходит при клике на треугольник любого пункта или подпункта меню.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 16.09.2015 16:44
Цитирую Александр:
Цитирую LiMasscode:

Забирайте
http://jsfiddle.net/yurik417/8NdQN/404/

LiMasscode, спасибо - забрал.
Но работает не совсем корректно)
По клику на текст ссылки подпункты разворачивает - это ок
По клику на текст ссылки на последнем уровне вложенности (там где div.harBtn нет) - переход по соответствующей ссылке - это ок
Но вот по клику на треугольник (div.harBtn) переход осуществляется всегда на одну и ту же страничку- та которая прописана самой первой ссылке (если на примере http://jsfiddle.net/yurik417/8NdQN/404/ - то это 4-ая строка html-кода a href="#") и это происходит при клике на треугольник любого пункта или подпункта меню.



Исправлено: http://jsfiddle.net/yurik417/8NdQN/404/
Ответить | Ответить с цитатой | Цитировать
 
 
Александр
# Александр 18.09.2015 14:30
Цитирую LiMasscode:

Исправлено: http://jsfiddle.net/yurik417/8NdQN/404/

Работает. Спасибо!

Теперь ковыряю, чтобы открывалось на нужном уровне вложенности в зависимости от текущего линка. Вот этот функционал:
Цитирую LiMasscode:
Цитирую Mery:
То ли я глупая, то ли вы меня не понимаете) Мне хочется сделать так, как спросил и сам себе ответил человек из первого комментария)

1. Чтобы в следующий раз вас понимали, цитируйте комментарий на который отвечаете, иначе теряется смысл.
2. Код выше нужно подключать перед подключением плагина.

1)...код...
2)...плагин...
3)...инициализация...

Пример: http://jsfiddle.net/8NdQN/60/

пока не работает..

Я не очень понимаю формат вашей работы: у вас команда или вы один? беретесь ли помогать с сайтами, естественно не бесплатно? в jquery у меня явный пробел, а сайт допилить надо.
Ответить | Ответить с цитатой | Цитировать
 
 
Николай
# Николай 26.07.2016 02:18
Здравствуйте!
Я пытаюсь поставить на сайт Ваш скрипт вот с этим функционалом:
http://jsfiddle.net/yurik417/8NdQN/399/
Но мне также хотелось бы, чтобы при переходе по ссылке триггера блок также был раскрыт, как здесь:
http://jsfiddle.net/yurik417/8NdQN/435/
Помогите, пожалуйста!
Спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 27.07.2016 01:37
Цитирую Николай:
Здравствуйте!
Я пытаюсь поставить на сайт Ваш скрипт вот с этим функционалом:
http://jsfiddle.net/yurik417/8NdQN/399/
Но мне также хотелось бы, чтобы при переходе по ссылке триггера блок также был раскрыт, как здесь:
http://jsfiddle.net/yurik417/8NdQN/435/
Помогите, пожалуйста!
Спасибо!

Пожалуйста:
http://jsfiddle.net/yurik417/8NdQN/436/
Ответить | Ответить с цитатой | Цитировать
 
 
alex
# alex 28.07.2016 11:45
Цитирую LiMasscode:

Пожалуйста:
http://jsfiddle.net/yurik417/8NdQN/436/

Здравствуйте! не работает такой вариант, там или скобочек много или еще что. И среди скриптов там два раза написано инициализация скрипта, непонятно откуда она начинается. Предыдущий вариант работает отлично
но ссылки на активные пункты меню не раскрываются. Как же все таки сделать так чтоб они были раскрыты?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 28.07.2016 15:40
Цитирую alex:
Цитирую LiMasscode:

Пожалуйста:
http://jsfiddle.net/yurik417/8NdQN/436/

Здравствуйте! не работает такой вариант, там или скобочек много или еще что. И среди скриптов там два раза написано инициализация скрипта, непонятно откуда она начинается. Предыдущий вариант работает отлично
но ссылки на активные пункты меню не раскрываются. Как же все таки сделать так чтоб они были раскрыты?

Дайте ссылку на вашу страницу
Ответить | Ответить с цитатой | Цитировать
 
 
alex
# alex 28.07.2016 17:38
Извиняюсь, работает на чистой странице. Это на сайте не работает, конфликт скриптов.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 01.08.2016 19:12
Все работает. Ребята, еще раз повторяю, если у вас что-то не работает, то выкладывайте в интернет и кидайте в комментарий ссылку.
Я понимаю что не все хорошо разбираются в JS, и это нормально, но говорить что что-то не работает тогда, когда вы просто не понимаете, что происходит - это не красиво.
Ответить | Ответить с цитатой | Цитировать
 
 
Валентин
# Валентин 23.09.2016 17:19
Здравствуйте. Подскажите, пожалуйста, как реализовать средствами PHP постановку к текущей ссылке класса "cur" ? Если весь код PHP нужно написать в отдельном файле.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 24.09.2016 23:34
Цитирую Валентин:
Здравствуйте. Подскажите, пожалуйста, как реализовать средствами PHP постановку к текущей ссылке класса "cur" ? Если весь код PHP нужно написать в отдельном файле.


<?php
function current_page($page)
{
return (условие, что текущая страница активная) ? ' class="active"' : '';
}
?>
.....
>....
Ответить | Ответить с цитатой | Цитировать
 
 
Алекс
# Алекс 15.08.2018 14:23
Добрый день. Пытался разобраться. Не получилось. Разделы раскрываются, но ссылка не срабатывает. Открывается в другой вкладке, но с закрытым меню. И похоже, разделы должны открываться при наведении мыши.
gtrad.ucoz.net
Ответить | Ответить с цитатой | Цитировать
 
Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliHarmonica - jQuery Accordion Menu или раздвигающееся меню на jQuery