20个Javascript手风琴折叠菜单

当列表菜单项目特别多的时候，使用JavaScript手风琴菜单(Accordion Menus)是个不错的选择。手风琴折叠菜单利于组织菜单项、节约网页空间和方便用户点击浏览。纯CSS也可以实现悬浮效果的手风琴菜单，但是结合JavaScript能得到更好的特效和控制能力。当然，切记不要单纯的为了花俏的特效而使用JavaScript手风琴折叠菜单。

1. Accordion with color transition

在不同的面板之间进行切换时，折叠面板颜色会随之变换。

2. Completely Flexible Accordion

这个控件的折叠面板可随意，灵活定制。

3. Accordion with scriptaculous

一个基于scriptaculous开发，轻量级、跨浏览器的折叠控件。

4. Smallest Accordian (演示地址)

这个Accordian只有1149Bytes，是当前最小的折叠控件。

5. Horizontal accordion: jQuery (演示地址)

基于jQuery开发，非常简单的水平方向折叠控件。