示例：http://jquery.bassistance.de/accordion/demo/
这个手风琴效果插件的很强大，除了无法换肤外，jquery 的手风琴UI该有的API也都具备了。
说实话，这外观实在很一般，当然你可以自己修改css。
使用教程：
创建如下html结构：
- <div class="basic" style="float:left;" id="list1a">
- <a>There is one obvious advantage:</a>
- <div>
- </div>
- <a>Now that you've got...</a>
- <div>
- </div>
- <a>Rent one bear, ...</a>
- <div>
- </div>
- </div>
a标签是菜单标题，相邻的div为内容容器。
初始化插件
- jQuery('#list1a').accordion();
几个重要参数说明
- event: ‘mouseover’ ，鼠标移过就显示隐藏内容（默认需单击）
- active: ‘.selected’，被激活的菜单项的css名
- selectedClass: ‘active’,选择时候的class样式名
- animated: “bounceslide”,动画效果（easing插件的效果）
- header: “dt” 被用来作为菜单项标题的css名
- autoheight: false,高度是否自适应
