Элементы аккордеона в jinja2 flaks для цикла сворачиваются и показываются вместе, а не независимо друг от друга

мои элементы аккордеона не раскрываются по отдельности при нажатии на один из них. Они либо оба показывают свое содержимое, либо оба остаются закрытыми. Я пробовал использовать интерактивные идентификаторы, но это не помогло.

 {% 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 %}

может ли это быть связано с тем, что jquery и bootstrap не одной и той же версии?

Просмотр кода показывает, что каждый элемент аккордеона в цикле имеет свой ID...введите описание изображения здесь

Вернуться на верх