jquery - Twitter bootstrap-collapse：突出显示选定的折叠项

Question

我想突出显示选定的折叠项。为了实现这一点，我使用 addClass() 方法为手风琴标题和手风琴组添加了新类（手风琴标题高亮和手风琴组高亮），但是有一个问题。

如果我在关闭时单击可折叠项目，它可以正常工作。但是，如果我单击打开的可折叠项目，它的手风琴标题背景颜色无法更改为原始颜色。

你可以在这里测试它：http: //jsfiddle.net/uuZAK/

我怎样才能解决这个问题？

Answer 1

这里有两种情况您必须考虑：

1. 如果用户单击活动项目，则将其停用
2. 如果用户单击一个非活动项目，则停用所有项目，然后激活该项目。

您当前的解决方案无法检测哪个项目已经处于活动状态。您可以使用该$.hasClass功能检查您单击的项目是否已处于活动状态。

这是一个带有结果的分叉 jsFiddle：http: //jsfiddle.net/Willyham/6v7Rn/

Answer 2

您可以绑定 onhide和showevent ofaccordion-body来设置折叠项的状态。双击没有问题。

我重用了 Will Demaine 的代码。这是演示：http: //jsfiddle.net/kXTc6/1/