Hola a todos, con el siguiente ejemplo, muestro u oculto dos div individualmente. Muestro el uno y oculto el uno, muestro el dos y oculto el dos. ¿Se podría hacer que al mostrar el dos se ocultara el uno(si el uno está mostrado) y viceversa?
Gracias por vuestra ayuda.
Código:
<script language="JavaScript" type="text/javascript">
<!--
function openClose(id)
{
var obj = "";
// Check browser compatibility
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
//-->
</script>
<BR><BR><BR>
<div onClick="openClose('uno')" style="font-weight: bold">Mensaje oculto.Haz clic para verlo</div>
<div id="uno" style="display:none">
<b><span style='font-size:11pt;line-height:100%'>
<br><br>OCULTO 1
</div>
<BR><BR><BR>
<div onClick="openClose('dos')" style="font-weight: bold">Mensaje oculto.Haz clic para verlo</div>
<div id="dos" style="display:none">
<b><span style='font-size:11pt;line-height:100%'>
<br><br>OCULTO 2
</div>