Hola
javihb
He modificado tu código, pruebalo a ver si te sirve. Entre otras cosas he quitado lo de
style="cursor:pointer;" porque no es necesario, en los enlaces se muestra, por defecto, el cursor de la manita:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var ie4=(document.all&&navigator.userAgent.indexOf("Opera")==-1);
var ns6=(document.getElementById&&!document.all);
var ope=(navigator.userAgent.indexOf("Opera")!=-1);
var ns4=(document.layers);
var retraso=setTimeout("",100);
var nTemp=0;
var lnx=0;
var lny=0;
function OcultaCapa(cid1) {
capa = document.getElementById(cid1);
for (i=0; ele=document.getElementsByTagName('div')[i]; i++)
if (ie4||ns6||ope)
ele.style.visibility="hidden";
else
ele.visibility="hide";
if (ie4||ns6||ope)
capa.style.visibility="visible";
else
capa.visibility="visible";
}
</script>
</head>
<body>
<a href="#" class="azul" onClick="OcultaCapa('info01')">Enlace1</a>
<a href="#" class="azul" onClick="OcultaCapa('info02')">Enlace2</a></li>
<a href="#" class="azul" onClick="OcultaCapa('info03')">Enlace3</a>
<br>
<div id="info01">Capa01</div>
<div id="info02">Capa02</div>
<div id="info03">Capa03</div>
</body>
</html>
Saludos,
