twitter-bootstrap - リンクのテキストの外側をクリックしてもアコーディオンのコンテンツを開くにはどうすればよいですか?

Question

アコーディオンを作成しました:

<div class="box-group" id="accordion">

    <c:forEach items="${groupe_menus}" var="groupe_menu">

        <div class="panel box box-primary">
            <div class="box-header with-border">
                <h4 class="box-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#content_${groupe_menu.gmnu_code}" aria-expanded="false" class="collapsed">
                        ${groupe_menu.gmnu_lib}
                    </a>
                </h4>
            </div>
            <div id="content_${groupe_menu.gmnu_code}" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                ... // accordion's content
            </div>

        </div>

    </c:forEach>

</div>

実行時に、アコーディオンのリンク テキストをクリックしてコンテンツを開く必要があります。では、ボックスのヘッダー領域だけをクリックしてもコンテンツを開くことができるようにするにはどうすればよいでしょうか?