Jquery插件之Accordion
2017-08-28 12:36
225 查看
jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。
同样这里要使用插件,也是用菜鸟网的
这是一些常用的,具体使用可参考 http://www.runoob.com/jqueryui/api-accordion.html
<!doctype html>
同样这里要使用插件,也是用菜鸟网的
这是一些常用的,具体使用可参考 http://www.runoob.com/jqueryui/api-accordion.html
active animate collapsible disabled event header heightStyle icons | destroy disable enable option refresh widget | activate beforeActivate create |
<html lang="en"> <head> <meta charset="utf-8"> <title>折叠面板部件(Accordion Widget)演示</title> <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> </head> <body> <div id="accordion"> <h3>部分 1</h3> <div> <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.</p> </div> <h3>部分 2</h3> <div> <p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit, faucibus interdum tellus libero ac justo.</p> </div> <h3>部分 3</h3> <div> <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.Phasellus pellentesque purus in massa.</p> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </div> </div> <script> $( "#accordion" ).accordion(); </script> </body> </html>
相关文章推荐
- JQuery插件(二)之Accordion
- 第30款插件:第25款插件:jquery.accordion.js 纵向手风琴效果插件
- jQuery的Accordion插件
- jQuery插件之Accordion
- 基于jQuery开发的手风琴插件 jquery.accordion.js
- 【jQuery】面板折叠插件——accordion
- jquery多级手风琴插件–accordion.js
- jquery多级手风琴插件–accordion.js
- jQuery插件2(拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示)
- jQuery Accordion插件
- JQuery 插件之-Accordion的示例及相关配置
- 基于jQuery实现Accordion手风琴自定义插件
- 基于jQuery开发的手风琴插件 jquery.accordion.js
- 对上传图片进行剪切的jquery插件
- jQuery 插件/如何为jquery扩展方法/jQueryUI
- jquery的上传插件ocupload与图表插件highcharts
- jquery插件-table转Json数据插件
- 一款jquery小插件:实现轻松获取和绑定编辑表单的值(带源码)
- jQuery插件开发
- jQuery自定义插件入门实例1