[TOC] ## 折叠面板 ``` //html <div id="accordion"> <h3> 标题1 </h3> <div> 标题一内容标题一内容标题一内容标题一内容标题一内容标题一内容 </div> <h3> 标题2 </h3> <div> 标题一内容标题一内容标题一内容标题一内容标题一内容标题一内容 </div> <h3> 标题3 </h3> <div> 标题一内容标题 <br/> 一内容标题<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>一内容标题一内容标题一内容标题一内容 </div> </div> //js var icons = { header: "ui-icon-circle-arrow-e",//关闭 activeHeader: "ui-icon-circle-arrow-s" //打开 }; $("#accordion").accordion({ collapsible: true, //默认false,至少有一个不折叠 icons:icons, //图片 heightStyle :"fill", //设置fill 则不能超过父级的高度,设置 content 则显示内容的高度 }); ```