Foros del Web - Ver Mensaje Individual - como podria hacer con jquery ocultar un div

emprear · #6 (**permalink**) 09/05/2012, 05:38

Cita:

Iniciado por caricatos

Hola:

Sobre esta afirmación:

... no estoy nada de acuerdo...

Con una sola función:

<p onclick="contenido('Uno')" >...

Siendo las capas "Uno", "Dos" y "Tres": con la funcion contenido...

function contenido(cual) {
for (i in ["Uno", "Dos", "Tres"]
document.getElementById(i).style.display = (i == cual) ? "block":"none";
}

Saludos

@Caricatos, me quedé analizando tu código (buen detalle el del uso de in), y vi que no funciona, entre otras cosas porque le pasas el indice (i) y no el valor(id) del elemento.
Como sigue funciona correctamente

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>mostrar oculta capas</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
/* estilos */ 
p{
font-weight: bold;
cursor: pointer;
}
#Uno,#Dos,#Tres{
display: none;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function contenido(cual){
var capas = new Array("Uno", "Dos", "Tres");
var i;
for (i in capas){
if(capas[i] != cual){
document.getElementById(capas[i]).style.display = 'none';
}else{
document.getElementById(cual).style.display = 'block';
}
}
}
//]]>
</script>
</head>
<body>
<p onclick="contenido('Uno')" >uno</p>
<div id="Uno">Texto uno</div>
<p onclick="contenido('Dos')" >dos</p>
<div id="Dos">Texto dos</div>
<p onclick="contenido('Tres')" >tres</p>
<div id="Tres">Texto tres</div>
</body>
</html>

Saludos