Hola, con el código de abajo que encontre en este foro, logro que se muestren y oculten las capas. Lo que quiero es que por defecto al entrar a la página me muestre una de las capas, esto lo logre reemplzando en el código de abajo esto:
<div id="capa1" style="display:none">Capa 1</div> por esto:
<div id="capa1" style="display:block">Capa 1</div>.
El problema es que si luego hago click en el link de capa2, quedan visibles las dos capas, cuando tendría que verse solo la 2 y ocultarse la capa1.
Código HTML:
<html>
<head>
<script>
var vista = null;
function ver(ide) {
obj = document.getElementById(ide);
obj.style.display = 'block';
if (vista!=null && vista!=obj)
vista.style.display = 'none';
vista = obj;
}
</script>
</head>
<body onload="ver('capa2')">
<a href="#" onclick="ver('capa1'); return false">Capa 1</a>
<a href="#" onclick="ver('capa2'); return false">Capa 2</a>
<div id="capa1" style="display:none">Capa 1</div>
<div id="capa2" style="display:none">Capa 2</div>
</body>
</html>
Gracias