jQuery Accordion if hasClass

时间:2013-03-12 01:30:44

标签: javascript jquery jquery-ui accordion

我正在尝试制作手风琴,我希望首先扩展具有类current-category的H4元素。

我的代码:

$(function() {
     $( "#category-accordion" ).accordion();
     if ($('h4').hasClass("current-category")) {
        $( "#category-accordion" ).accordion("activate", $('.current-category')); }
});

是的,我是一个菜鸟。

提前致谢!

1 个答案:

答案 0 :(得分:2)

activate is an event [docs]在面板激活时触发。我相信你想使用active option [docs],它取你想要打开的元素的索引:

$("#category-accordion").accordion({
    active: $("#category-accordion > div").index($('h4.current-category').next())
});

我假设你的HTML看起来像:

<div id="category-accordion">
    <h4>Section 1</h4>
    <div>...</div>
    <h4>Section 2</h4>
    <div>...</div>
</div>

DEMO


jQuery文档通常包含足够的信息和示例来解决此类问题。