Cómo ocultar un div en Click en JavaScript

Hay muchas razones por las que es posible que desee cambiar la visibilidad de un contenedor div en su página web. Es posible que desea que su usuario sea capaz de ampliar la información que está proporcionando a ellos sin tener que cargar una nueva página. Su contenido puede contener información alerón que desea que su usuario sea capaz de ocultar antes de leer. Cualquiera que sea el caso, ocultar un div con JavaScript es una tarea sencilla que requiere un mínimo de código extra.

Instrucciones

1 Abrir el código fuente de la página con el div que desea ser capaz de ocultar.

2 Dé un parámetro de identificación para el div si no tiene uno ya. A modo de ejemplo, supongamos que el div tiene un ID de "HiddenDiv."

3 Crear una etiqueta <a> o seleccionar una imagen en el documento que servirá como el objeto que va a cambiar la visibilidad de su div. Inserte el siguiente código dentro de la etiqueta del objeto:

onclick = ". document.getElementById ( 'HiddenDiv') style.visibility =" oculto "; return false"

Sustituir el nombre de su div para "HiddenDiv." Cuando el usuario hace clic en este objeto, se oculta el div en cuestión.