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个（第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 UI无法同时使所有accodrion的块活动（可见）。

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

对于exmaple我做了一个div＃accordion-2 - 在每个孩子div上我已经激活了手风琴。

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

jQuery UI Accordion页面加载时活动的所有选项卡

1 个答案: