使用Jinja2（烧瓶）循环通过引导程序手段

Question

我使用的是手风琴，默认为折叠。当我运行我的程序时，一切都崩溃了，所以那部分就好了。但是，当我尝试单击一个并显示其内容时，它只会取消折叠第一个手风琴项目。

这是我的代码：

{% block content %}
    {% for dict_item in intel %}
        <div id="accordion" role="tablist">
          <div class="card">
            <div class="card-header" role="tab" id="headingOne">
              <h5 class="mb-0">
                <a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                  {{ dict_item['name']}} -- {{ dict_item['date'] }}
                </a>
              </h5>
            </div>

            <div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
              <div class="card-body">
              My Stuff in here
              </div>
            </div>
          </div>
        </div>
    {% endfor %}

我想象它与html中的id / classes有关，但我更像是一个后端人，所以我不是一个html向导。

另外，我正在使用v4的bootstrap。