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>

在运行时，必须单击手风琴的链接文本才能打开其内容。那么如何通过单击框标题区域来打开内容呢？

Answer 1

我找到了 ：

<script type="text/javascript">

    $(function() {

        $("#accordion").find($("div.box-header")).each(function(){
            var region_titre = $(this);
            region_titre.on("click", function(){
                var links = region_titre.find("a");
                var premierlink = links[0];
                premierlink.click();
            });
        });

    });

</script>