如何使手風琴的內容即使通過點擊鏈接文字外部也能打開？

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>