如何通过在 link 的文本之外单击来打开手风琴的内容？

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>

在运行时，必须单击手风琴的 link 文本才能打开其内容。那么，即使仅单击框 header 区域，如何也可以打开内容？

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>

如何通过在 link 的文本之外单击来打开手风琴的内容？

How to make accordion's content to be opened even by clicking outside the link's text?

twitter-bootstrap

adminlte