Hola
Te doy una solución. No la he probado pero creo que te va a funcionar.
En tu código, cambia todo esto:
Código:
var capa1, capa2, capa3, capa4, capa5, capa6, capa7
function init(){
capa1=descripcion1.style
capa2=descripcion2.style
capa3=descripcion3.style
capa4=descripcion4.style
capa5=descripcion5.style
capa6=descripcion6.style
capa7=descripcion7.style
}
function muestra(obj){
oculta()
obj.visibility="visible"
}
function oculta(obj){
if (descripcion1.style.visibility=="visible")
descripcion1.style.visibility=="hidden"
else if (descripcion2.style.visibility=="visible")
descripcion2.style.visibility=="hidden"
else if (descripcion3.style.visibility=="visible")
descripcion3.style.visibility=="hidden"
else if (descripcion4.style.visibility=="visible")
descripcion4.style.visibility=="hidden"
else if (descripcion5.style.visibility=="visible")
descripcion5.style.visibility=="hidden"
else if (descripcion6.style.visibility=="visible")
descripcion6.style.visibility=="hidden"
else if (descripcion7.style.visibility=="visible")
descripcion7.style.visibility=="hidden"
}
</script>
</head>
<body onLoad="init()">
Por esto:
Código:
var antes="0"
function muestra(obj)
{
oculta();
document.getElementById(obj).style.visibility="visible";
antes=obj
}
function oculta()
{
if (antes !="0") document.getElementById(antes).style.visibility="hidden";
}
</script>
</head>
<body>
Y en la 'id' de todas tus capas cambia 'descripción' por capa.
por ejemplo:
Código:
<div id="descripcion1" style="visibility:hidden" onMouseOver="muestra(capa1)" onMouseOut="oculta()">
por:
Código:
<div id="capa1" style="visibility:hidden" onMouseOver="muestra(capa1)" onMouseOut="oculta()">
Pruébalo y nos cuentas cómo te ha ido.
Un saludo.