ocultar div

[gary_qwerty]

hola que tal

es muy simple ocultar divs en html, esto se logra mediante javascript modificando las propiedades css de algun objeto.

la propiedad es:

Código:

display: none;

esto esconde un div, y para mostrarlo de nuevo se usa la propiedad:

Código:

display: block;

el primero paso es asignar un id en tus divs, para luego referirte a ellos:

Código:

<div id="usuario_login"></div>

puedes hacer una funcion en javascript un tanto asi:

Código:

function esconder_div(div_id){
  if(document.getElementById(div_id)){
    document.getElementById(div_id).style.display = "none";
  }
  else{
    alert("no se encuentra id: "+div_id);
  }
}

function mostrar_div(div_id){
  if(document.getElementById(div_id)){
    document.getElementById(div_id).style.display = "block";
  }
  else{
    alert("no se encuentra id: "+div_id);
  }
}
}

ya despues depende de ti, crear las llamadas a esas funciones para que escondan o muestren a tu antojo


saludos!

Carlos Alejandro