如何在 jQuery UI Accordion 中最初扩展前 2 个元素

发布于 2024-12-14 21:55:18 字数 502 浏览 0 评论 0原文

我有一个要在 jQuery UI Accordion 中显示的部分列表。

    Section 1
    Section 2
    Section 3
    Section 4
    Section 5

让我知道如何从代码开始扩展前两部分。

    Section 1(-)

    Section 2(-)

    Section 3(+)
    Section 4(+)
    Section 5(+)

目前我只能使用以下代码扩展一个元素。

$( ".selector" ).accordion({ active: 2 });

参考:http://docs.jquery.com/UI/Accordion#option-active

I have a list of sections to show in jQuery UI Accordion.


    Section 1
    Section 2
    Section 3
    Section 4
    Section 5

Let me know how can I expand first 2 sections initially from code.


    Section 1(-)

    Section 2(-)

    Section 3(+)
    Section 4(+)
    Section 5(+)

Currently I can only expand one element with the following code.

$( ".selector" ).accordion({ active: 2 });

Reference: http://docs.jquery.com/UI/Accordion#option-active

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

一抹微笑 2024-12-21 21:55:18

jQuery UI Accordion 不允许您打开多个部分:

注意:如果您想一次打开多个部分,请不要使用手风琴

手风琴不允许同时打开多个内容面板,并且需要付出很大的努力才能做到这一点。如果您正在寻找一种允许打开多个内容面板的小部件,请不要使用它。通常可以用几行 jQuery 来编写,如下所示:

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
         $(this).next().toggle();
         return false;
    }).next().hide();
});

取自 http://docs .jquery.com/UI/Accordion

jQuery UI Accordion does not let you have more than one section open:

NOTE: If you want multiple sections open at once, don't use an accordion

An accordion doesn't allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don't use this. Usually it can be written with a few lines of jQuery instead, something like this:

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
         $(this).next().toggle();
         return false;
    }).next().hide();
});

Taken from http://docs.jquery.com/UI/Accordion

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文