Ошибка сворачивания панели (перекрывающееся содержимое)

Question

У меня происходит эта ошибка, и я не знаю, что делать, чтобы ее решить, похоже, что аккордеон не закрывает idk, его содержимое остается позади, я пробовал некоторые решения, которые нашел вокруг inte rnet без везения какие-нибудь идеи? Вот гифка о том, что происходит

]

И вот код, у меня есть эти контракты, и я динамически использую их id, чтобы установить, какой из них должен открываться / закрываться

$> if ($c{idcontrato:count} == 0){
    <div class="col-12 text-center">
        <h5>404 - Não encontrado! </h5>
        Não há contratos válidos para os filtros definidos na busca.
    </div>
$> }
<!-- INÍCIO PANEL GROUP -->
<div class="panel-group mt-4 mb-4" id="accordion" name="accordion">
    $> for(a=1; a<=$c{idcontrato:count}; a++){
    <div class="panel panel-default all-borders mb-3">

        <!-- DEFININDO HEADERS DO PANEL -->
        <div class="panel-heading bg-drk div-accordion-header">
            <div class="row">
                <div class="col-sm-1 text-center">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion"  data-toggle="collapse" data-target="#collapse~" href="#collapse~" title="Expandir">+</a> -> $c{idcontrato[a]}; $c{idcontrato[a]};
                    </h5>
                </div>
                <div class="col-9">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion"  data-toggle="collapse" data-target="#collapse~" href="#collapse~" title="Expandir">CONTRATO Nº ~</a> -> $c{idcontrato[a]}; $c{idcontrato[a]}; $c{idcontrato[a]};
                    </h5>
                </div>
                <div class="col-xs-1 ml-5">
                    <button id="baixarMemorial" name="baixarMemorial" type="submit" class="btn btn-xs" title="Registrar Medição Mensal" onClick="registrarMedicao(~)"> -> $c{idcontrato[a]};
                        <i class="fas fa-pencil-ruler fa-lg"></i>
                    </button>
                </div>
                <div class="col-xs-1">
                    <button id="baixarMemorial" name="baixarMemorial" type="submit" class="btn btn-xs" title="Baixar Memorial do Contrato" onClick="baixarMemorial(~)"> -> $c{idcontrato[a]};
                        <i class="fas fa-download fa-lg"></i>
                    </button>
                </div>
            </div>
        <!-- FIM DO HEADERS DO PANEL -->
        </div>

        <!-- INÍCIO DO COLLAPSE -->
        <div id="collapse~" class="panel-collapse collapse bg-l"> -> $c{idcontrato[a]};
            <!-- INÍCIO DO CORPO COM O CONTRATO -->
            <div class="panel-body border-top div-accordion-body">
                <div class="row">
                    <div class="col-8 text-center">
                        <h6 class="pb-1">~</h6> -> $c{empresa[a]};
                        <h6 class="pb-1">EMPREITEIRO ~</h6> -> $c{empreiteiro[a]};
                        <h6 class="pb-1">~</h6> -> $c{obra[a]};
                    </div>
                    <div class="col-4 text-center">
                        <h6 style="display:inline">Vigência do Contrato: </h6><br> ~ até ~ -> $c{datainicio[a]"date:dd/MM/yyyy"}; $c{datafinal[a]"date:dd/MM/yyyy"};
                        <br><br>
                        <h6 style="display:inline">Valor Total: </h6>~ -> $c{valor[a] + "dec:R$###,###,###,##0.00"};
                    </div>
                    <div class="col-12 text-center">
                        <hr class="my-4">
                    </div>
                </div>
                <div class="row d-flex justify-content-center bg-l mb-2">
                    <h5>MEDIÇÕES MENSAIS</h5>
                </div>

                <div class="row d-flex justify-content-center">
                    <div class="col-2 text-center border-right">
                        <h6>Medição</h6>
                    </div>
                    <div class="col-5 text-center border-right">
                        <h6>Fechada por</h6>
                    </div>
                    <div class="col-2 text-center border-right">
                        <h6>Mês/Ano</h6>
                    </div>
                    <div class="col-3 text-center">
                        <h6>Baixar ou Excluir Medição</h6>
                    </div>

                    $> for(b=1; b<=$c{idexecucao:count}; b++){
                        $> if(getString('$c{idcontratomed[b]}').equals(getString('$c{idcontrato[a]}'))){
                            <div class="col-2 text-center border-right">
                                ~ -> $c{idexecucao[b]};
                            </div>
                            <div class="col-5 text-center border-right">
                                ~ -> $c{usuario[b]};
                            </div>
                            <div class="col-2 text-center border-right">
                                ~ -> $c{mesano[b]};
                            </div>
                            <div class="col-3 text-center">
                                <button id="baixarMedicao" name="baixarMedicao" type="submit" class="btn btn-xs altbtn2 text-white mr-1" title="Baixar justificativa de Execução" onClick="baixarJustificativa(~)"><i class="fas fa-arrow-down fa-lg"></i></button> -> $c{idexecucao[b]};
                                <button id="baixarMedicao" name="baixarMedicao" type="submit" class="btn btn-xs altbtn text-white mr-1" title="Baixar planilha com Medição" onClick="baixarMedicaoMensal()"><i class="fas fa-arrow-down fa-lg"></i></button>
                                <button id="excluirMedicao" name="excluirMedicao" type="submit" class="btn btn-xs delbtn text-white ml-1" title="Excluir essa Medição" onClick="excluirMedicaoMensal(~)"><i class="fas fa-trash-alt fa-lg"></i></button> -> $c{idexecucao[b]};
                            </div>
                        $> }
                    $> }
                </div>

            <!-- FIM DO CORPO -->
            </div>
        <!-- FIM DO COLLAPSE -->
        </div>
    <!-- FIM DO PANEL -->
    </div>
    $> }
<!-- FIM DO PANEL GROUP -->
</div>