Question

我有一个要在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

Answer 1

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

Answer 2

查看Accordion multiple sections open at once

或extend the JQuery Accordion plug-in

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

2 个答案: