Skip to main content
4 de 4
se añadieron 62 caracteres en el cuerpo
Marcos
  • 35.7k
  • 7
  • 36
  • 70

Acordeon dinámico

En la imagen se muestra el resultado que obtengo actualmente.

introducir la descripción de la imagen aquí

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.