我正在使用jQuery Accordion,但我遇到了一个小问题:基于某些条件,我的手风琴可以让第一个启用的H3成为第二个或第三个。我通过向他们添加这个类来禁用的第一个 "用户界面状态禁用&#34 ;.
我的手风琴看起来像这样:
$("#accordion").accordion({
active: true,
animate: false,
collapsible: true,
heightStyle: "content",
icons: icons
});
有没有办法让手风琴只展开第一个启用的部分?现在,如果我把active:0并且第一个元素被禁用,它仍会扩展它。
有什么建议吗?
答案 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