[SOLUCIONADO] mostrar ocultar DIV tipo GOOGLE

Bier · #1 (**permalink**) 24/03/2013, 03:18

donde puedo ver un ejemplo de algo así:
https://www.google.com/accounts/recovery/verifyuser

Al seleccionar un boton de opcion se muestra un campo de texto.

Gracias

Bier · #2 (**permalink**) 24/03/2013, 03:35

ya lo encontré:
http://www.forosdelweb.com/f13/hacer...button-314932/

Gracias

Bier · #3 (**permalink**) 24/03/2013, 04:03

La modifique un poco, agregué una nueva opción:

Código HTML:

Ver original<html> 
<head> 
<script> 
function mostrar(frm,num) { 
  if(num==0) { 
    frm.usuario.style.visibility='visible';
    frm.rfc.style.visibility='hidden'; 
    frm.email.style.visibility='hidden'; 
  }
  if(num==1) { 
    frm.usuario.style.visibility='hidden'; 
    frm.rfc.style.visibility='visible'; 
    frm.email.style.visibility='hidden'; 
  } 
  if(num==2) { 
    frm.usuario.style.visibility='hidden'; 
    frm.rfc.style.visibility='hidden'; 
    frm.email.style.visibility='visible'; 
  } 
} 
</script> 
</head> 
<body> 
<form> 
<input type="radio" name="rad" checked="checked" onclick="mostrar(this.form,0)" /> 
<input type="radio" name="rad" onclick="mostrar(this.form,1)" /> 
<input type="radio" name="rad" onclick="mostrar(this.form,2)" />
<input type="text" name="usuario" /> 
<input type="text" name="rfc" style="visibility:hidden" /> 
<input type="text" name="email" style="visibility:hidden" /> 
</form> 
</body> 
</html>