background: #e5e5e5; } input { vertical-align: text-bottom; } .notice { color: #c33; } </style> <section id="demo"> <ol class="sortable ui-sortable"> <?php $listaPaginas = $webgdDao->getListFather(); foreach ($listaPaginas as $pagina) { if ($listChilden = $webgdDao->findChildren($pagina->id)) { echo '<li id="list_' . $pagina->id . '" class="mjs-nestedSortable-branch mjs-nestedSortable-collapsed"><div><span class="disclose"><span></span></span>' . $pagina->nome . '</div>'; foreach ($listChilden as $childen) { echo '<ol>'; if ($listChilden2 = $webgdDao->findChildren($childen->id)) { echo '<li id="list_' . $childen->id . '" class="mjs-nestedSortable-branch mjs-nestedSortable-collapsed"><div><span class="disclose"><span></span></span>' . $childen->nome . '</div>'; foreach ($listChilden2 as $childen2) { echo '<ol>'; echo '<li id="list_' . $childen2->id . '" class="mjs-nestedSortable-leaf"><div><span class="disclose"><span></span></span>' . $childen2->nome . '</div></li>'; echo '</ol>'; } } else { echo '<li id="list_' . $childen->id . '" class="mjs-nestedSortable-leaf"><div><span class="disclose"><span></span></span>' . $childen->nome . '</div></li>'; }