Древесина аккордеона для MySQL / PHP / HTML формы с подкатегориями

Я создаю базу данных.

Это для формы регистрации, где пользователь выбирает каждый элемент, который ему соответствует.

Я не знаю, что мне нужно добавить, чтобы сделать его аккордеоном, и клиенты могут исследовать разные уровни.

Выглядит так:

Вот мой текущий код:

<div class="container-fluid">
<div class="row">

<?php
$actividades = $mysqli->query("SELECT * FROM actividades");
while($actividad    = mysqli_fetch_assoc($actividades))
{?>

<div class="col col-md-4" >
<h2><?php echo $actividad['actividad'];?></h2>

<?php
$rubros = $mysqli->query("SELECT * FROM rubros where fk_actividades=$actividad[id]");

while($rubro    = mysqli_fetch_assoc($rubros))
{?>

<div style="background: lime">
<h3><?php echo $rubro['rubro'];?></h3>


<?php
$subRubros = $mysqli->query("SELECT * FROM sub_rubros where fk_rubro=$rubro[id]");
while($subRubro    = mysqli_fetch_assoc($subRubros))
{?>

<div style="background: cornflowerblue">
<h4><?php echo $subRubro['sub_rubro'];?></h4>
<?php
$categorias = $mysqli->query("SELECT * FROM categorias where fk_sub_rubro=$subRubro[id]");

while($categoria    = mysqli_fetch_assoc($categorias))
{?>
<label class="col-md-12" style="background:orange;">
<input type="checkbox" name="categoria[]" value="<?php echo $categoria['categoria'];?>">
<?php echo $categoria['categoria'];?>
</label>

<?php } ?>

</div>



<?php } ?>

</div>


<?php } ?>




</div>

<?php } ?>