Javascript 以表达式作为标签的嵌套手风琴

我有一个主要的手风琴，其中包括嵌套的手风琴。手风琴的标签与表达式相关联，比如

{{week.weekStartDate}

，但是当我点击主手风琴时，所有嵌套的手风琴都打开了，如果我关闭任何一个嵌套的手风琴，所有嵌套的手风琴都关闭了，只剩下一个主手风琴。我不想发生这种事。我要所有嵌套的手风琴分开打开。我该怎么做

代码如下：

<div class="panel">
 <div class="panel-heading" style="height: 35px;">
    <h4 class="panel-title" style="line-height: 10px;">
        <a class="accordion-toggle" data-toggle="collapse"
        data-parent="#accordion" href="#collapseOne" translate>     <label>LOGIN_PERSON_OWN_EVENTS</label></a> 
<i class="indicator glyphicon glyphicon-chevron-down  pull-right"></i>
    </h4>
    </div>


<tbody data-ng-repeat="week in weekInfo">
  <tr style="height: 35px">
    <th colspan="10" style="padding: 0px; height: 35px; width: 100%;">
    <div class="panel-heading panel-align">
        <h4 class="panel-title" style="line-height: 10px;">
         <a class="accordion-toggle" data-toggle="collapse"
         data-parent="#accordion" href="#collapseOne">
        <div class="row">
        <label class="control-label col-sm-1">{{week.weekNo}} </label> 
<label class="control-label col-sm-6">{{week.weekStartDate}}
    {{week.weekEndDate}}</label> 
<i class="indicator glyphicon glyphicon-chevron-up  pull-right"style="margin-right: 15px"></i>
    </div>
    </a>
</h4>
</div>
</th>

---

请帮助。

如果可能，请创建小提琴。看起来所有手风琴都有相同的目标href。不确定该ID设置在何处，但这可能就是发生这种情况的原因。不同的手风琴应该有不同的想法。我应该在哪里创建不同的id？在嵌套的手风琴中？@raduation你能告诉我你在说哪个id吗？#collapseOne。。。这大概是当你点击链接时手风琴被折叠了。好吧，如果他们都有这个ID，他们都会被折叠/解压。但我不知道该在哪里设置ID。