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.