本文是为大家分享了Jquery易用户界面手风琴效果，供大家参考，具体内容如下

效果图：

！DOCTYPE htmlhtmlhead元字符集=' UTF-8 '标题基本手风琴-jQuery易用户演示/标题链接rel='样式表type='text/css' href='./主题/默认/测量。CSS ' link rel='样式表type='text/css' href='./themes/icon . CSS“link rel=”样式表type='text/css' href='demo.css '脚本类型=' text/JavaScript ' src=' http :/jquery。量滴js/'脚本脚本类型=' text/JavaScript ' src=' http :/jquery。易居。量滴js '/脚本/头体h2Basic手风琴/h2 p单击面板头部显示内容/p div style=' margin 336020 px 0 10px；0 '/div div class=' measuri-accordion ' style=' width :500 px；'height :300 px ' div title=' About ' data-options=' iconcl s 3360 ' icon-ok ' ' style=' overflow 3360 auto；padd :10 px ' H3 style=' color : # 0099 ff '手风琴/h3 p手风琴组件/p /div标题=“帮助”数据-选项=' iconCls: '图标-帮助''样式=' padding:10px 'p手风琴允许您提供多个面板，一次显示一个或多个面板。每个面板都有内置的扩展和折叠支架。单击面板标题以展开或折叠该面板主体。通过指定" href "属性，可以通过创建交互式、快速动态网页应用的网页开发技术加载面板内容。用户可以定义要选择的面板。如果未指定，则默认情况下采用第一个面板/p/div title='菜单数据-选项=' iconCls: '图标-搜索''样式=' padding:10px 'ul='测量树' Li span食物/span ul li span水果/span ul li苹果/li li橙子/li /ul /li li span蔬菜/span ul li西红柿/li li胡萝卜/li li洋白菜/li li土豆/li li莴苣/Li/ul/Li/ul/Li/ul/div/div/body/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。