javascript - jQuery Accordion 展开第一个启用的面板

Question

我正在使用 jQuery Accordion ，但我有一个小问题:根据某些情况，我的 Accordion 可能将第一个启用 H3 的 H3 设置为第二个或第三个。我通过向他们添加此类来禁用第一个“用户界面状态禁用”。

我的 Accordion 看起来像这样:

$("#accordion").accordion({
         active: true,
         animate: false,
         collapsible: true,
         heightStyle: "content",
         icons: icons
     }); 

有没有办法让 Accordion 只展开第一个启用的部分？现在，如果我输入 active: 0 并且第一个元素被禁用，它仍然会扩展它。

有什么建议吗？

Answer 1

这可能不是最的解决方案，但它会起作用。您需要在 #accordion 元素中找到第一个 H3 的索引，该元素没有类 .ui-state-disabled.. . 就是这样。

您可能也已经意识到了这一点，但您可能希望删除单击以打开禁用部分的功能，所以我将其加入。

$("#accordion").accordion({
    active: $('h3:not(.ui-state-disabled):first').index('#accordion h3'),
    animate: false,
    collapsible: true,
    heightStyle: "content",
    icons: icons
});

$(".ui-state-disabled").unbind("click");

Demo on Codepen

编辑以添加回您的 icons: icons