带有子类别的MySQL / PHP / HTML形式的树手风琴

Question

我正在建立一个数据库。

这是一种注册表格，用户可以选择与他相对应的每个项目。

我不知道要使它成为手风琴要添加什么，客户可以探索不同的层次。

看起来像这样：

这是我当前的代码：

<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 } ?>