jQueryUI - Accordion - 使用ID设置Active

时间:2014-03-04 15:03:28

标签: javascript jquery jquery-ui accordion

我已经检查了许多试图解决这个问题的网站。但是,我没有运气,并认为我会继续在这里发帖。

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

jQuery代码:

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

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>

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

1 个答案:

答案 0 :(得分:4)

根据active index

设置h3
active: $('#accordion h3').index($('.content3'))