Skip to main content
3 de 4
Se agregó una imagen,que muestra el resultado actual

Acordeon dinámico

en la imagen se muestra el resultado que obtengo actualmente,Necesito agrupar por categorías los elementos de un acordeón.

El código que tengo actualmente me genera un accordion-item por cada uno.
Este es el código:

    <div class="accordion accordion-flush" id="faqlist">
              <?php
              $sth = $con->prepare("SELECT * FROM tipos_apuestas WHERE codigo_apuesta = ?");
$sth->bindParam(1, $codigo_apuesta);
$sth->execute();

if ($sth->rowCount() > 0) {

foreach ($sth as $row ) { ?>

     <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1_<?=$row["id"]; ?>">
                    <i class="far fa-star fa-lg"></i>
                   <?= $row["categoria"] ?>
                  </button>
                </h3>
                <div id="faq-content-1_<?=$row["id"]; ?>" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    <div class="contenedor">
                      <a class="btn btn-info btn-block" data-cuota="<?= $row["cuota"]; ?>" href="javascript:void(0);"><?= $row["descripcion"]; ?></a>
                      
                    </div><br>
                  </div>
                </div>
              </div><!-- # Faq item-->

<?php }

}
 
              ?>

            </div>
            
          </div>
        </div>

Cualquier ayuda será altamente agradecida.