ayuda con menú menutron tengo esta menú en la cual he anidado listas, y he agrupado, con el menu menutron quiero que aparezcan agrupados según la anidacion pero no se como hacerlo me muestra todo en un solo grupo y lo necesito en 3 dejo la la lista y script que aplico cosa que el script no esta completo.
lo que necesito es poder agrupar las listas en grupos
como hacerlo
Gracias.
Código HTML:
<div id="navi">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="acerca-de-mi.html">Acerca de mí</a></li>
<li><a href="#">Servicios</a>
<ul>
<li><a href="#">Bioenergética Integral</a></li>
<li><a href="#">Biodescodificación</a></li>
<li><a href="#">Reconexión y Sanación</a></li>
<li><a href="#">Meditación y Sonido</a></li>
<li><a href="#">Flores de Bach</a></li>
<li><a href="#">Limpieza Energética</a></li>
<li><a href="#">Botica Floral</a></li>
</ul>
</li>
<li><a href="#">Coaching</a>
<ul>
<li><a href="#">Coaching Individual</a></li>
<li><a href="#">Coaching Corporativo</a></li>
<li><a href="#">Coaching Game</a></li>
</ul>
</li>
<li><a href="#">Work Shop</a>
<ul>
<li><a href="#">Talleres de Coaching</a></li>
<li><a href="#">Taller....</a></li>
</ul>
</li>
<li><a href="programas.html">Programas</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="good-vibes.html">Good Vibes</a></li>
</ul>
</div>
$("#navi").menutron({
maxScreenWidth: 750,
menuTitle: 'Menú'
});