jQueryUI - 手风琴 - 使用 ID 设置活动

ZGo*_*d92 2 javascript jquery jquery-ui accordion

我检查了许多网站,试图弄清楚这一点。但是,我没有运气,并认为我会继续在这里发帖。

我想要做的是根据 ID 设置 Active Accordion。下面,是我正在使用的。

jQuery代码:

$(function () {
    $("#accordion").accordion({
        collapsible: true,
        header: "h3",
        active: 'h3.content3',
        heightStyle: "content"
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<div id="accordion">
    <h3 class="content1">Content Title</h3>
    <div align="left">
        <p>Content for 1 Goes Here</p>
    </div>

    <h3 class="content2">Content Title</h3>
    <div align="left">
        <p>Content for 2 Goes Here</p>
    </div>

    <h3 class="content3">Content Title</h3>
    <div align="left">
        <p>Content for 3 Goes Here</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望我解释得足够好,如果没有,请告诉我。我会尽力帮助你。

Joh*_*han 5

active根据h3 索引设置:

active: $('#accordion h3').index($('.content3'))
Run Code Online (Sandbox Code Playgroud)