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

Question

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

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>

非常感谢你!!

Answer 1

Collapse手风琴标签:

$('.accordion').accordion('activate', false );

展开第一个手风琴标签:

$('.accordion').each(function (idx, item) {
    if ($(item).accordion("option", "active") === false) {
        $(item).accordion('activate', 0);
    }
});

Answer 2

更新JQuery UI后,手风琴上没有"主动"方法.所以,要折叠所有手风琴使用:

$('.accordion').accordion('option', {active: false});

Answer 3

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

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

Answer 4

在最初加载后,我很难让Accordions崩溃/扩展.为了解决这个问题,我使用了:

$('#accordionId h3').click();

...模仿单击标题区域并强制切换激活类.

感觉就像一个黑客,但它是有效的,最好的.