javascript - jQuery Accordion 如果 hasClass

Question

我正在尝试制作 Accordion ，我希望首先展开类为 current-category 的 H4 元素。

我的代码:

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

是的，我是个菜鸟。

提前致谢!

Answer 1

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 文档通常包含足够的信息和示例来解决此类问题。