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

前端之家收集整理的这篇文章主要介绍了我可以通过点击其他元素来扩展/折叠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时才有效.

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

猜你在找的jQuery相关文章