一个带筛选功能垂直导航的jQuery插件，样式自定义，不改变dom结构，在做后台管理页面时非常实用，插件地址。

在线demo

介绍

dom结构

jquery-accordion-menu使用ul-li列表的嵌套代表导航层级

<div class="content">
<div id="jquery-accordion-menu" class="jquery-accordion-menu red">
<div class="jquery-accordion-menu-header" id="form"></div>
<ul id="demo-list">
.....
</ul>
<div class="jquery-accordion-menu-footer">Footer</div>
</div>
</div>

样式

.jquery-accordion-menu是主容器

.active代表当前高亮导航

.red是皮肤，目前有jquery-accordion-menu.css中有blue、green、red、white、blank五种皮肤可选，当然你也可以用css改造出一个属于你自己的皮肤

.jquery-accordion-menu-header是header区域

.jquery-accordion-menu-footer是footer区域

使用

调用jqueryAccordionMenu()方法即可

jQuery("#jquery-accordion-menu").jqueryAccordionMenu();