Píldoras jQuery IV – Menú anidado de 3 niveles

Cuarta entrega de la serie. Esta vez un ejemplo muy usado: un menú anidado de tres niveles. El primero de lo niveles será horizontal, el segundo vertical y el tercero será también horizontal tal y como podemos ver en la siguiente imagen:

nested_menus

El ejemplo completo puede descargarse aquí:

El árbol HTML es muy sencillo:

La hoja de estilos CSS es muy sencilla:

Y la parte más importante, el script que define el comportamiento de los menús

Y esto es todo. El próximo tutorial de la serie será mostrar cómo trabajar con algunas de las propiedades de los eventos.