Para cambiar la propiedad visibility de una capa puedes hacer
Código:
function getObj(name) {
if (document.getElementById) {
return document.getElementById(name).style;
} else
if (document.all) {
return document.all[name].style;
} else
if (document.layers) {
return document.layers[name];
}
}
//array con las capas a las que quieres afectar
var layers = new Array(
'capa1',
'capa2',
'capa3' // <- sin coma la última capa
);
function show() {
for (i=0; i < layers.length; i++) {
if (layers[I] == arguments[0]) {
getObj(layers[i]).visibility = 'visible';
} else {
getObj(layers[i]).visibility = 'hidden';
}
}
}
Luego, defines todas las capas:
<DIV ID="capa1" visibility:hidden;background-color:cyan;">Capa 2</DIV>
<DIV ID="capa1" visibility:hidden;background-color:red;">Capa 2</DIV>
<DIV ID="capa3" visibility:visible;background-color:yellow;">Capa 3</DIV>
Recuerda que las capas deben estar hidden al principio!!
Ah! y si las quieres esconder todas:
function hideAll() {
for (i=0; i < layers.length; i++) getObj(layers
).visibility = 'hidden';
}
Estos scripts son de mr.maX (www.maxworld.co.yu), si los usas, dale su crédito!