Ahora tengo este ejemplo sacado del foro:
Código:
<html>
<head>
<style type="text/css">
.micapa {visibility:hidden}
</style>
<script type="text/javascript">
var capa=null;
function mostrar(c) {
obj=document.getElementById(c);
if(capa!=null)
capa.style.visibility='hidden';
obj.style.visibility='visible';
capa=obj;
}
</script>
</head>
<body>
<a href="#" onclick="mostrar('capa1');return false">Capa 1</a>
<a href="#" onclick="mostrar('capa2');return false">Capa 2</a>
<div id="capa1" class="micapa">C1</div>
<div id="capa2" class="micapa">C2</div>
</body>
</html>
Pero no hace transición y no cierra/abre con el mismo enlace.