javascript - jQuery Accordion if hasClass

Question

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

我的代码：

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

是的，我是个菜鸟。

提前致谢！

Answer 1

activate是一个事件^[docs]，当面板被激活时触发。我相信您想使用active选项^[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>

演示

---

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