循环中的手风琴始终保持打开状态

Question

我用bootstrap制作了一个手风琴，但它在for循环中，所以当我点击手风琴的一个项目时，所有其他项目都会同时打开。我如何才能只点击并打开手风琴的一个项目？

{% for study in studies %}
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs- 
target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
{{ study.uid }}
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" aria- 
labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
text
</div>
</div>
</div>

｛%endfor%｝

Answer 1

我修复了它。我给ID的交互名称包含奇怪的字符，这是一个问题。我只需要用循环

index.loop