手风琴与 for 循环一次仅打开一项

我正在尝试向我的手风琴添加一个交互式 id，但是我的代码中出现了一些问题，手风琴会打开每个手风琴项目，我想要的只是在单击它时能够一次打开一个手风琴项目。

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

所有的手风琴元素都是完全相同的，如果您希望模板仅显示第一个元素，那么您可以使用{{ forloop0.counter }}为第 n 个手风琴设置不同的数据，并使用您用来切换哪个手风琴可见的任何方法隐藏其余数据。