Как сделать так, чтобы при загрузке карты свернулся открытый контент, связанный с каждой картой?

Question

У меня есть проект django, который включает в себя карты, где каждая карта содержит коллапс, который будет скрывать или показывать данные.

Проблема в том, что когда я делаю цикл foreach карты появляются, но развал не работает и не отображает никаких данных.

Я использовал следующие шаги:

функция создания в views.py

def displaydata(request,pk):
    c = cursor.execute('SELECT ID,Nickname_,Date_of_Birth FROM Person_ WHERE ID = pk ')
    print("c ===>",c)
    return redirect("search")
    return render(request,"displaydata.html",{"c":c})

создание URL-адреса в urls.py

 path("displaydata/<int:pk>/",displaydata,name = "displaydata")

создание шаблона для отображения карточек

  <div class="container">
        <div class="row justify-content-center">
            {% for obj in object_list %}

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-5">

                <div class="p-2 my-flex-item">
                    <div class="card innercardzoom">
                        <div class="inner">
                            <img src="{% static '/img/card/1.png'%}" class="card-img-top" alt="...">
                        </div>
                            <h5 class="card-header">
                            <a class="collapsed d-block" data-toggle="collapse" href="{% url 'displaydata' pk=obj.0 %}" aria-expanded="true" data-target = "#table-collapsed" caller-id ="" aria-controls="collapse-collapsed" id="heading-collapsed{{obj.0}">
                                    <i class="fa fa-chevron-down pull-right"></i>
                                     Details

                                <script type="text/javascript">

                                    $(document).on('click','.collapsed d-block',function(){
                                        $('#heading-collapsed').attr('caller-id',$(this).attr('id'));
                                    });
                                </script>


                                </a>

создать шаблон для отображения свернутых данных

  {% for row in c %}
    <div id="table-collapsed" class="collapse" aria-labelledby="heading-collapsed">
        <table class="card-body table-sm table table-hover text-right">
            <tbody>
                <tr>
                    <td>NICKNAME</td>
                    <td>{{ row.1 }}</td>
                </tr> 
                <tr>
                    <td>DOB</td>
                    <td>{{ row.2 }}</td>
                </tr> 
            </tbody>
        </table>
    </div>

    {% endfor %}