jQuery UI手风琴所有选项卡在页面加载时都是活动的

Question

我用jQuery UI制作了嵌套手风琴。

<div id="accordion">
    <h3>Location 1 (main, NEW YORK, NY 10292)</h3>
        <div id="accordion-2">
            <h3>Class Code Information</h3>
            <div>
            <span class="block-1">
            <span class="block-2">
            <span class="block-3">
...      

默认情况下，使active:true，我将得到第一个主和第一个(块-1)子块打开。我如何使所有的孩子第一主要手风琴活跃(打开)：块-1块-2块-3.

这是我的JS

$(function() {
var icons = {
        header: "iconClosed", // custom icon class
        activeHeader: "iconOpen" // custom icon class
    };
    $("#accordion, #accordion-2").accordion({
        autoHeight: false,
        collapsible: true,
        heightStyle: "content",
        icons: icons
    });
});

有人知道如何做到这一点吗？

Answer 1

Ок，目前jquery无法使所有accodrion的块同时活动(可见)。

所以，如果你需要打开一个以上的面板:寻找另一个插件，或:让每一张幻灯片，你想要打开，作为一个新的accotdion。

对于前辈，我做了一个div #手风琴-2-在那里，我已经激活了手风琴每个儿童div。

$("#accordion-2 > div").accordion({
    header: "h3",
    autoHeight: false,
    collapsible: true,
    icons: icons
});