单击标题div时如何使Bootstrap手风琴折叠？

问题描述

您需要做的就是使用…

• data-toggle="collapse"
• data-target="#ElementToExpandOnClick"

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

带有的元素data-toggle="collapse"将是触发效果的元素。该data-target属性表示触发效果时将展开的元素。

您可以选择设置data-parent是否要创建手风琴效果而不是独立可折叠，例如：

• data-parent="#accordion"

data-toggle="collapse"如果它们不是<a>标签，我还会将以下 CSS 添加到元素中，例如：

.panel-heading {
    cursor: pointer;
}

这是Bootstrap 3 文档中修改后的 html的 jsfiddle。

解决方法

在 Bootstrap 手风琴中，我不需要单击文本，而是希望在单击diva中的任何位置时使其折叠。panel-heading

我使用的是 Bootstrap 3。所以它不是手风琴，而是一个可折叠的面板。知道如何使整个面板可点击吗？