Ocultar/mostrar capa

Trashorras · #1 (**permalink**) 03/11/2006, 05:01

Hola a todos,

Me encuentro con esta función:

Código:

function cambiar(esto)
{
	vista=document.getElementById(esto).style.display;
	if (vista=='none')
		vista='block';
	else
		vista='none';

	document.getElementById(esto).style.display = vista;
}

Y me hace aparecer y desaparecer dos capas con id=particular e id=empresa, según pulso en uno o en otro:

Código:

<a href="#" onclick="cambiar('particular'); return false;">Particular</a>

Código:

<a href="#" onclick="cambiar('Empresa'); return false;">Empresa</a>

Bien, pues lo que me gustaría que hiciese y no consigue hacer, es que, si pulso en una capa, me desaparezca la otra, en el caso que haya alguna seleccionada y viceversa. Es decir, que nunca estén las dos capas activas a la vez.

Alguna sugerencia?

Otra cosa: Y en vez de que se activara por lin, se podría hacer con radiobutton?

Gracias de antemano!

Saludos.

ZiTAL · #2 (**permalink**) 03/11/2006, 07:34

haber si te gusta esto:

Código HTML:

<html>
<head>
<script type="text/javascript">
function ErakutsOstu(capa,capa2)
  {
    capa=document.getElementById(capa);
    capa2=document.getElementById(capa2);
    if(capa.style.visibility=="hidden")
     {
		capa.style.visibility="visible";
		capa2.style.visibility="hidden";		
	 }
	else
	 {
		capa2.style.visibility="visible";
		capa.style.visibility="hidden";
	 }
  }
function Ocultar(capa)
 {
    capa=document.getElementById(capa);
	capa.style.visibility="hidden";		
 }
</script>
</head>
<body onload="Ocultar('bi')">
<div id="bat">
<a href="#" onclick="ErakutsOstu('bat','bi')">Ocultar bi</a>
</div>
<div id="bi">
<a href="#" onclick="ErakutsOstu('bat','bi')">Ocultar bat</a>
</div>
</body>
</html>

;)