Элементы аккордеона в 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...введите описание изображения здесь