Submenu anidados - problemas con tercer nivel

[kovicic]

Buenas, hice un menú deslizante que funciona bien hasta 2 niveles, pero si el nivel 2 tiene un submenú, tengo problemas. No vuelve a su menú "padre", sino al menú principal.

Comportamient: Si un menú tiene submenú, el submenú es deslizante y queda "encima" de su menú padre.

Código HTML:

<div id="sidebar"> 
                <ul class="menu">
                    <li tabindex="1" class="lsm"><span class="menu1">Puntos de interés &gt;</span>
                        <ul class="submenu">
                            <li><a href="#" class="back">Volver</a></li>                            
                            <li><span class="chk_bs">Bicisendas </span></li>
                            <li><span class="chk_cv">Ciclovías</span></li>
                               ......                                                                                                    
                        </ul>   
                    
                    </li>
                    <li tabindex="2" class="lsm"><span class="menu2">Punto de interés cercanos &gt;
                    </span>
                        <ul class="submenu">
                            <li><a href="#" class="back">Volver</a></li>                            
                            <li><span class="rad_bs">Bicisendas </span></li>
                            <li><span class="rad_cv">Ciclovías</span></li>
                            
                        </ul>   
                    </li>
                    <li tabindex="3" class="lnsm"><span class="menu3">Ir de A a B </span></li>
                    <li tabindex="4" class="lsm"><span class="menu4">Recorridos turísticos</span>  
                        <ul class="submenu">
                            <li><a href="#" class="back">Volver</a></li>                            
                            <li><span class="chk_pq">Ciudad Vieja - Pque Rodó </span></li>
                            <li><span class="chk_pr">Paseo romántico - Prado</span></li>
                            <li><span class="chk_pe">Barrio Peñarol</span></li>                                                 
                        </ul> 
                    </li>      
                    <li tabindex="5" class="lsm2"><span class="menu5"> FAQ</span>
                        <ul class="submenuf">
                          
                            <li><a href="#" class="back">Volver</a></li>
                                                      
                            <li class="lsm"><span class="faq1"> ¿Qué tan exacto es el buscador de rutas entre dos puntos?</span> 
 
                                <ul class="submenu2">  
                                    <li class="back2"><span>Volver</span></li>
                                    <li><span class="texto"><p>texto 1</p></span>
                                    </li>   
                                </ul>                             
                            </li>
                            <li><span class="faq2">¿Puedo estacionar en parkings privados?</span>
                                <ul class="submenu3">  
                                    <li class="back3"><span>Volver</span></li>
                                    <li><span class="texto"><p>
                                       bicicletas a cambio de una contraprestación económica regulada.
                                           texto 2
                                      </p></span>
                                    </li>   
                                </ul>     
                            </li>                            
                        </ul>    
                    </li>
 

[fede5426]

No entendí del todo cual es el problema, si pudieras explicarte mejor..

Un ejemplo online seria de ayuda. Podrías por ejemplo trasladar tu código html css y js a Codepen para que podamos verlo funcionando, o copiar los 3 códigos y pegarlos acá en un mensaje usando el Highlight.

Supongo que ha sido un error al copiar el código, pero faltan etiquetas de cierre del <div> y del primer <ul>

[kovicic]

Gracias, veré de hacerlo. Básicamente es que tengo una jerarquía de menús de este tipo:

Código:

Menu Ppal
   Submenu1
         Submenu11
               Submenu 111
                     Volver    // debería ir a Submenu1 y va al Menu Ppal
                     Item 1
                     Item 2
               Submenu 112
         Submenu12
   Submenu2
   Submenu3 

Eso es lo que quiero corregir. Gracias.