Вертикальное меню-аккордеон на jQuery

Вертикальное меню для сайта в виде аккордеона на jQuery

Простое и функциональное вертикальное меню на сайт для создания хорошей навигации. Это выезжающее меню в виде аккордеона сделано на jQuery. Оно очень легкое и не будет тормозить работу вашего сайта. Вертикальное меню с выезжающими подменю - это залог успешной навигации на многостраничном сайте типа интернет-магазина.

Работает это меню следующим образом: при нажатии на главный пункт меню, открывается его подменю. Наличие подпунктов можно обнаружить при наличии знака [+]. Если нажать знак [-], то меню закроется. Открывается и закрывается меню достаточно плавно. Скорость анимации можно регулировать при помощи вот этого скрипта, вставленного в тег <head>:

<script language="JavaScript">
<!-- $(document).ready(function()
{ $(".topnav").accordion({ accordion:false, speed: 500, closedSign: '[+]', openedSign: '[-]' }); });
// →
</script>

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

Вот кстати инструкция по созданию меню аккордеон Wayfinder для Modx Evo.

Похожие статьи