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打开第一个main和第一个（block-1）子级。 我如何使第一主手风琴的所有子代都处于活动状态（打开）：block-1 block-2 block-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 UI无法使所有accodrion块一次处于活动状态（可见）。

因此，如果您需要打开多个面板，请执行以下操作：寻找另一个插件，或者：将每张幻灯片都显示为新状态。

例如，我制作了一个div＃accordion-2-在每个子div上我都激活了手风琴。

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