背景またはスペースをクリックしてグループスペースを拡大する

Question

ゴール：
「折りたたみグループ1」、「折りたたみグループ2」のタイトルスペースまたはタイトルの背景（青い線で画像を見てください） "Collapsible Group 3"。クリックすると展開されます。

問題：
今日、グループを拡張するためにのみテキストをクリックします。私は、 『折りたたみグループ2』 OCH 『折りたたみグループ3は』クリッカブルするテキスト折りたたみグループ1" の周りの空間に希望

私はどのように行うのか分からない

情報を：。。
*私はこのアコーディオンのためのブートストラップ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; 
} 

の作業例jsbin