jQuery accordion — jquery手风琴插件

示例: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,高度是否自适应


