Twitter bootstrap 3 引导折叠不'；使用类选择器时，t add.collapsed

我使用的是Bootstrap3.3.4。我有一个带有标题和页脚的面板，还有一个指示面板打开/关闭状态的字形图标

如果我使用面板主体的id作为折叠的选择器，那么引导会正确地将

.collapsed

类应用于标题，并且glyphicon会更改。但是，我也想折叠页脚，所以我改为使用类选择器进行折叠。好消息是页脚现在也塌了；坏消息是，

.collapsed

不再应用于标题，因此glyphicon不会更改

CSS

。可折叠{
光标：指针；
}
.面板标题.可折叠：后{
字体系列：“半人字形”；
内容：“\e114”；
浮动：对；
颜色：深灰色；
}
.面板标题.可折叠.折叠：之后{
内容：“\e080”；
}

HTML

崩溃
尼姆·帕里塔特的陈词滥调，埃尼姆·埃乌斯莫德的高端生活

演示两个选择器

---

我是否在做一些阻止应用

.collapsed

的事情？单击标题时，如何折叠正文和页脚？

引导仅将类添加到有id或href而无类中

根据文档，假设您使用两个选项来定位折叠

   data-toggle="collapse" href="#collapseExample" 

或

这样，您就不必手动添加

光标：指针

以下是答案：

• 使页脚面板成为主体面板的子面板
• 在车身面板上使用类

  面板折叠

  ，而不是

  面板

第一项是关键；第二个是正确的造型。我通过阅读偶然发现了解决办法

下面是修改后的HTML。 更新的HTML

使用id作为选择器进行折叠
尼姆·帕里塔特的陈词滥调，埃尼姆·埃乌斯莫德的《高端生活》。

实际上，有一个解决方法，数据目标与类选择器一起工作，但实际上并不更改父类

在父元素上，可以处理onClick事件，如：

onClick="(e) => { e.currentTarget.classList.contains("collaspsed") ? e.currentTarget.classList.remove("collaspsed") : e.currentTarget.classList.add("collaspsed"); }"

---

在“官方正确答案”之后寻找“真正正确答案”正在成为一种模式。非常感谢。天啊，谢谢你，伙计，真的！（卡鲁索格是对的）

onClick="(e) => { e.currentTarget.classList.contains("collaspsed") ? e.currentTarget.classList.remove("collaspsed") : e.currentTarget.classList.add("collaspsed"); }"