<strong><font style="COLOR: #ff0000">1:折叠面板可以将不同分类的内容分别放在不同的面板中</font></strong>,这些面板在页面中层叠摆放,用户可以通过单击各个面板的标题来展开该面板,查看面板的内容,<br>与此同时,将自动折叠隐藏其他面板<br><font style="COLOR: #ff0000">$(selector).accordion(options);<br></font><strong>options可以选择的属性为:<br></strong><font style="COLOR: #ff0000">disabled, active, animated, autoHeight, clearStyle, collapsible, event, fillSpace, header, icons, navigation, navigationFilter<br></font>简单实例:<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="27187" class="copybut" id="copybut27187" onclick="doCopy('code27187')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code27187"> <br><br><br><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br> <title>Accordion AutoHeight</title> <br> <link rel="stylesheet" href="themes/base/jquery.ui.all.css"> <br> <script src="JS/jquery-1.4.2.min.js"></script><br> <script src="JS/jquery.ui.core.js"></script><br> <script src="JS/jquery.ui.widget.js"></script><br> <script src="JS/jquery.ui.accordion.js"></script><br> <script><BR> $(function() {<BR> $( "#accordion" ).accordion({<BR> autoHeight: false<BR> });<BR> }); <BR> </script><br> <style type="text/css"><BR> #accordion h3{ font-size:13px; font-weight:700; }<BR> #accordion>div{ font-size:12px; }<BR> </style> <br><br><br><div id="accordion"> <br> <h3><a href="#"></a></h3> </div> </div>