Barra de navegacion vertical con enlaces desplegables

[Jlopez2014]

Hola a todos, en mi proceso de aprendizaje en programación me he encontrado con la siguiente situación; hacer en una barra de navegación vertical donde se encuentran los enlace de "X" paginas y que estos se desplieguen al hacer clic sobre ellos y se muestren los sub-enlaces en ellas... no tengo conocimiento al respecto, agradezco su guia para saber el mejor metodo para crear dicha barra de navegación...

[jvier]

Saludos! se me ocurre esto con Jquery:

Código HTML:

<ul>
<li class="top">PAGINA 1
<ul  class="sub" style="display:none;">
<li>SUB PAGINA 1</li>
<li>SUB PAGINA 2</li>
<li>SUB PAGINA 3</li>
<li>SUB PAGINA 4</li>
</ul>
</li>
<li>PAGINA 2</li>
<li>PAGINA 3</li>
<li>PAGINA 4</li>
<li>PAGINA 5</li>
</ul>
 

Código Javascript:

$(".top").click(function(){
if ( $(".sub").is(":visible") ) {
    $(".sub").fadeIn("slow");
} else { 
    $(".sub").fadeOut("slow");
}
});
 

A eso le añades el CSS de tu eleccion.. No se si eso es lo que buscas, espero que si, Saludos!

[Jlopez2014]

Gracias por la colaboración! :D