Tengo 3 enlaces que abren una capa cada uno diferente. El problema es que cuando sale la capa de uno de ellos se pone encima de las anteriores y cuando pulso los otros enlaces ya no puedo ver sus respectivas capa. Como puedo hacer para alternar la visibilidad de las capas? es decir, que cuando una esta visible las otras 2 estan ocultas?
el codigo del que parto es el siguiente:
<style type="text/css">
div.capa1{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
div.capa2{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
div.capa3{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
</style>
<script language="JavaScript">
function abrircapa (capa) {
document.getElementById(capa).style.visibility = 'visible';
}
</script>
-----
<img src="img1.gif" onClick="abrircapa('capa1')" >
<img src="img2.gif" onClick="abrircapa('capa2')" >
<img src="img3.gif" onClick="abrircapa('capa3')" >
espero que alguien encuentre una solucion, es muy importante.
gracias