jQuery Accordion扩展了第一个启用的面板

时间:2017-03-22 16:53:55

标签: javascript jquery html jquery-ui

我正在使用jQuery Accordion,但我遇到了一个小问题:基于某些条件,我的手风琴可以让第一个启用的H3成为第二个或第三个。我通过向他们添加这个类来禁用的第一个 "用户界面状态禁用&#34 ;.

我的手风琴看起来像这样:

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

有没有办法让手风琴只展开第一个启用的部分?现在,如果我把active:0并且第一个元素被禁用,它仍会扩展它。

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

这可能不是最优雅的解决方案,但它可以正常工作。你需要找到H3元素中没有类#accordion的第一个.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

中添加