Me gustaría un poco de ayuda en este caso. Trato de hacer una transición de acordeón pero parece que no quiere funcionar. La transición funciona muy bien cuando abro mi acordeón pero falta cuando hago clic para cerrarlo.

Ver mi código a continuación:

 <!-- CSS --> <link rel="stylesheet" href="<?php echo $chemin; ?>dist/css/bootstrap.css"> <link rel="stylesheet" href="<?php echo $chemin; ?>dist/css/bootstrap-grid.css"> <link rel="stylesheet" href="<?php echo $chemin; ?>dist/css/bootstrap-utilities.css"> <link rel="stylesheet" href="<?php echo $chemin; ?>dist/css/bootstrap-reboot.css"> <link rel="stylesheet" href="<?php echo $chemin; ?>dist/css/style.css"> <!-- JavaScript --> <script src="<?php echo $chemin; ?>dist/js/bootstrap.bundle.js"></script>

 <div class="card p-0 mb-2"> <button class="btn btn-sm btn-block btn-light pt-2 pb-2 collapsed" id="accordion<?= $i; ?>" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCardExample<?= $i; ?>"> <h6 class="text-primary mb-0" style="text-align: left"> <i class="fa fa-home ms-2 mt-1 mb-1 me-4" aria-hidden="true"></i> <?= $structure['ets_rattachement'] ?> <i class="fas fa-chevron-down float-end"></i> </h6> </button> </div> <!-- Card Content - Collapse --> <div class="card collapse mb-2 ps-0 pe-0 accordion-collapse" id="collapseCardExample<?= $i; ?>" data-bs-parent="#accordion<?= $i; ?>"> <div class="card-body p-0 "> <?php $mesStructuresFille = get_structuresFille($structure['ets_rattachement']); foreach ($mesStructuresFille as $structure_fille) { ?> <form action="menuActionStructure.php" class="d-grid gap-2" method="post"> <button type="submit" name="idStructure" value="<?php echo $structure_fille['id_structureOgirys'] ?>" class="btn btn-warning mt-1 mb-1 text-white rounded-0 "> <?php echo $structure_fille['nom']; ?> </button> </form> <?php } ?> </div> </div>

Parece funcionar perfectamente con el mismo código en línea, así que, ¿tal vez proviene de mis dependencias?

Gracias !