twitter-bootstrap – 如何使Bootstrap手风琴在点击标题div时崩溃？

在Bootstrap手风琴中，我不想要点击文本，而是在面板标题div中单击任何位置时，使它折叠。

我使用Bootstrap 3.所以，而不是手风琴，它只是一个可折叠的面板。任何想法如何做整个面板可点击？

解决方法

所有你需要做的是使用…

> data-toggle =“collapse”
> data-target =“#ElementToExpandOnClick”

…在要单击的元素上触发折叠/展开效果。

具有data-toggle =“collapse”的元素将是触发效果的元素。
data-target属性指示在触发效果时将展开的元素。

(可选)如果要创建折叠效果而不是独立折叠，可以设置数据父级(如：

> data-parent =“#accordion”

我也将添加以下CSS到元素与data-toggle =“collapse”，如果他们不是< a>标签，例如：

.panel-heading {
    cursor: pointer;
}

这里是a jsfiddle与从Bootstrap 3 documentation的修改html。