1
私は崩壊の中でブートストラップの崩壊を実装しようとしていますが、うまく機能しません。小枝ループでブートストラップの崩壊を実装する
これは私のコードです。
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{% for frame,value in object.getPortHierarchy() %}
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-f-{{ frame }}">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-f-{{ frame }}" aria-expanded="true" aria-controls="collapse-f-{{ frame }}">
Frame #{{ frame }}
</a>
</h4>
</div>
<div id="collapse-f-{{ frame }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-f-{{ frame }}">
<div class="panel-body">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
{% for slot,value in value %}
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-s-{{ slot }}">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse-s-{{ slot }}" aria-expanded="true" aria-controls="collapse-s-{{ slot }}">
Slot #{{ slot }}
</a>
</h4>
</div>
<div id="collapse-s-{{ slot }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading-s-{{ slot }}">
<div class="panel-body">
{% for port,value in value %}
Port: {{ value }}</br>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
しかし、フレーム内のスロットをクリックすると、フレームも閉じます。私は二重の私のIDs
、正しい番号をチェックしましたが、あなたは同じid #accordion
を持っているので、問題はまだ多分