Caja que aparece y desaparece

[Calizman]

Saludos Foreros de JS!

Es mi primera aventura en JS y realmente no tengo ni la menor idea de lo que estoy haciendo, pero gracias a las FAQS y a Google, he podido armar algo asi como un script (Asi se les dice cierto?)

Luego de un dia entero de investigar, decidi preguntarles a los sabios maestros de el foro de Java Script.

Antes de presentar mi Script, les explico lo que quiero:
tengo un menu lateral de 10 opciones, lo que quiero es que cuando alguen haga click sobre cada opcion, un cuadro aparezca a el lado derecho con su definicion y que cuando hagan click en el siguiente enlace, el que antes presionaron desaparezca y aparezca el nuevo cuadro. Me explique?

Tengo esto:

Código JavaScript:

<script type="text/javascript">
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}
//-->
</script>
 

Y aqui tengo el HTML (son 10 opciones, pero para no hacer todo largo, solo escribire dos de las que tengo, las demas son iguales... solo cambia el numero)

Código HTML:

<ul>
<li>
<a href="#" onclick="cambio('capa1')">Cursos de Programacion</a>
</li>
<li>
<a href="#" onclick="cambio('capa2')">Cursos de Ofimatica</a>
</li>
</ul>
<div id="capa1">
</div>
<div id="capa2">
</div>
 

Desde ya, muy agradecido a todos por su ayuda