Бесплатное jQuery аккордеон меню для Joomla 1.6

Недавно очень был необходим модуль или плагин для Joomla 1.6 который бы облегчил создание раскрывающегося меню по типу аккордеон. Ввиду того, что Joomla 1.6 вышла недавно, бесплатных плагинов на данную тему я не нашел, вот и пришлось мне искать подобный модуль на просторах могущего. После недолгих поисков, я понял, что столь несложная задача не должна занять у меня больше времени нежели поиск по различным форумам и сайтам. Я решился и привинтил к существующему модулю меню (которое стандартное Joomla 1.6) accordeon menu, чем и спешу с Вами поделиться.

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

В общем задача несложная:

1. Создаем обычное меню и добавляем ему в настройках суффикс класса меню _left, с вложенными подменю и публикуем его (в настройках этого меню — ставим галочку напротив «всегда раскрыть все подменю»).

2. Качаем файлик acc-menu.js. Для любителей, или для тех кто боится вирусов, ниже предлагаю исходный код:

 

3. Загружаем файлик в папку js Вашего шаблона (если нету такой папки, то надо создать)

4. Подключаем это все дело в файле index.php Вашего шаблона между тегами :
[code="php"]


[/code]

5. Идем в файлик modules/mod_menu/tmpl/default.php и делаем вот что:
Ищем на 63 строке
[code="php"]
echo '

      ';

 

      [/code]

 

      И меняем на:

 

      [code="php"]

 

        echo '

 

        ';

 

        [/code]

 

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

Я не претендую на лучи славы, а просто напросто оставляю себе на будущее заметку, о том как я это дело провернул, с надеждой, что возможно кому-то мои труды пригодятся в работе.

Все кто ищет, или будет искать jQuery accordeon menu Joomla 1.6 здесь найдут то, что им нужно, да и абсолютно бесплатно. Конечное без настроек в административной части, но ничего, и так помоему все ясно.

UPD. Данный хак применялся только на Joomla 1.6. Но по моему с Joomla 1.5 должно быть то же самое.

UPD2. Хак проверялся только с 2х уровневым меню, если будет больше уровней, скорее всего, что придется допиливать данный метод

Бесплатное jQuery аккордеон меню для Joomla 1.6: 18 комментариев

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

    1. Да на первый взгляд ничего сложного. Сделать можно. Смотрите в сторону window.location.href = this.href;

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

  2. у меня не получилось. почему это может быть?
    оно не работает чет… вроде все классы ставит нормально, но ничего не делает

  3. Для joomla 1.5 не подходит. Там нету нету в файле modules/mod_menu/tmpl/default.php строки echo ” и подобной не нахожу. Помогите, пожалуйста!

  4. Здравствуйте, вот бесплатное обалденое меню http://mlamenu.blogspot.com/. Но проблема в том что там не описано как его подключить. Прошу Вас подскажите как его подключить.

Добавить комментарий для olezya Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">