Venga va, ahi va un ejemplillo, por ejemplo entre las etiquetas BODY ponemos el siguiente condiguillo, el cual contiene incialmente una capa en lo que solo he puesto algo de texto, pero tu despues dentro de las etiquetas DIV tu puedes poner todo lo que quieras, porque despues, todo loq ue haya dentro lo ocultaremos, si te das cuenta a la etiqueta DIV le hemos puesto un ID con un nombre, tenlo en cuento para luego explicarte por qué:
Código HTML:
<div id="Cabecera">Suponemos que esto es la cabecera, solo texto.</div>
<p>
[<a href="#" onClick="Ocultar()">Ocultar Cabecera</a>]
</p>
<p>
Contenido:<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablablablablabla<br>
blablablablablabla<br>
blablabla
</p>
Eso es sencillo, no? Ahora pongo la función a la que llama el vinculo, la cual debe de ir entre las tipicas etiquetas SCRIPT:
Código HTML:
function Ocultar()
{
document.getElementById("Cabecera").style.display = "none";
}
En esta función usamos getElementById y ponemos el nombre del ID que hemos puesto al DIV, y así poder usar sus propiedades, en este caso, queremos modificar el estilo de la capa, y dentro de los estilos, la forma de visualización de la misma, en este caso es el DISPLAY, que lo ponemos a "none" para que de este modo el bloque entero desaparezca y así automáticamente se reajuste la página, si hubiéramos usado la propiedades visibility = "hidden" se ocultaría la capa, pero seguiría habiendo un hueco en la página y no se reajustaría.
El ejemplo cutre está probado y funciona, comentame lo que quieras
