通过单击背景或空间展开组空间。

Question

目标：

标题空间或标题背景(请查看带有蓝线的图片)是“可折叠组1"，”可折叠组2“och”可折叠组3“。当我点击它时，应该会扩展。

问题：

今天，您单击文本仅仅是为了扩展组。我想空间周围的文字可折叠组1"，“可折叠组2”och“可折叠组3”是可点击的。

我不知道怎么做。

信息：

*这个手风琴我用的是靴带v.3。

jsbin.com/vuyuwaduba/edit?html,output

谢谢!

​

​

​

​

Answer 1

将切换元素从锚更改为.panel-heading

<div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapse1">
   <h4 class="panel-title">
      Collapsible Group 1
   </h4>
</div>

再加上一些造型

.panel-heading.collapsed {
   cursor: pointer;
}

工作实例吉斯宾