【JQuery UI】面板折叠插件——accordion

来源：互联网发布：供销大数据集团陈静红编辑：程序博客网时间：2024/05/16 10:56

面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下：

$(selector).accordion({options});

其中，参数selector为整个面板元素，options参数为方法对应的配置对象。

例子：调用折叠面析插件的accordion()方法，实现页面中多个面板的折叠效果。

    <body>        <div id="divtest">            <div id="accordion">                <h3>                    <a href="#">白富美</a>                </h3>                <p>咱们结婚吧!</p>                <h3>                    <a href="#">土豪族</a>                </h3>                <p>咱们交个朋友吧!</p>                <h3>                    <a href="#">明星</a>                </h3>                <p>那个谁？</p>            </div>        </div>                <script type="text/javascript">            $(function () {                $("#accordion").accordion();            });        </script>    </body>

0 0