Que más Foreros,
estoy enredado con algo y espero me puedan ayudar.
aunque en la red hay bastantes lineas de como mostrar y ocultar contenidos, no he podido hacer algo especifico que necesito; la mayoria de los ejemplos que hay muestran el contenido al dar un click y lo ocultan cuando se da un click más en el mismo enlace. la idea es la siguiente:
hay varios enlaces, cada uno con un contenido ocuto. como se haría para que al dar un click sobres un enlace, se oculte el contenido que se pidio anteriormente y se muestre el nuevo?
acá un ejemplo con radioButtons
Código HTML:
<html>
<head>
<title>Muestra oculta</title>
<script>
var capas = ["capa1", "capa2"];
function mostrar(capa) {
for (i = 0, total = capas.length; i < total; i ++)
document.getElementById(capas[i]).style.display = (capas[i] == capa) ? "block":"none";
}
</script>
</head>
<body>
<input type="radio" name="r" value="capa1" onclick="mostrar(this.value)" />item1
<input type="radio" name="r" value="capa2" onclick="mostrar(this.value)" />item2
<div id="capa1" style="display:none;">Contenido1</div>
<div id="capa2" style="display:none;">Contenido2</div>
</body>
</html> pero la idea es que sean enlaces no radio.
gracias de antemano.