Barra de navegacion vertical con enlaces desplegables

[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!