我可以通过点击其他元素来扩展/折叠JQuery ui Accordion的内容吗？

默认情况下,有控制展开/折叠的内容标题.但在我的情况下,我也可以通过其他元素展开/折叠内容.例如：

jquery ui accodion代码的基本结构：

<script>
    $(function() {
        $( "#accordion" ).accordion();
    });
    </script>



<div class="demo">

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>
        Mauris mauris ante,blandit et,ultrices a,suscipit eget,quam. 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. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
        </p>
    </div>
......
</div>

现在.我有另外一个元素,就像：

<ul id="another elements can expand/collapse too">
    <li><a href="">  expand/collapse contents of section1 of id=accordion too</a></li>
........
</ul>

非常感谢你！！

解决方法

您可以使用 .activate并传入false以编程方式折叠所有元素.由于您一次只打开一个元素,因此可以折叠打开显示该链接的任何元素.这只有在您将collapsible设置为true时才有效.

您可以传入要扩展的其他元素以在单击时展开该元素.

原文地址：https://www.jb51.cc/jquery/178924.html