Hola evaantelo:
Yo tengo algo parecido en esta página:
http://www.pepemolina.com/DOM/index.html, cuando se carga la página hay que pulsar el botón de la izquierda y se van expandiendo los elementos de la página de la derecha.
También ví algo parecido en la página javascript de tunait (¡Hola
!):
http://javascript.tunait.com/javascript/
Te cuento como lo hice yo, y supongo que en la teoría debe ser igual a lo que tiene tunait (y en general, todos los que tienen ese efecto)
Supongo que puedes usar capas, o tags a, pero con el estilo display="block" para los elementos visibles, y display="none" para los no-visibles, y al clickear sobre los elementos con subopciones cambiar el estilo (alternando none y block)
Trataré de ponerte un ejemplo sencillo:
<!-- el elemento siguiente es un enlace -->
<a href="unEnlace.html" target="derecha">enlace</a>
<!-- el siguiente oculta una capa -->
<div onclick="alternar('siguiente')">subopciones </div>
<div id="siguiente" style="display: none">
<a href="otroEnlace.html" target="derecha">otro enlace</a>
<a href="yOtro.html" target="derecha">y otro</a>
</div>
... Luego en el head se definiría una función:
function alternar(elemento) {
var dato = document.getElementById(elemento);
dato.style.display = (dato.style.display == "none") ? "block" : "none";
}
Lo puse de memoría, pero si no hay errores de sintaxis debería funcionar.
Saludos