display:none no intrusivo
Hay varias formas de ocultar información, cuando la cantidad es grande se suelen utilizar métodos como los acordeones o las pestañas, que ocultan las capas que no se quieren ver.
Normalmente utilizamos el evento onload para ocultar las capas, dejando un efecto visual de ahora te veo y ahora no te veo.
Para evitar este problema hay varias soluciones, aquí os dejo unas cuantas.
Escribir con document.write un style para ocultar una clase.
document.writeln('<style type="text/css">.hide { display:none } </style>');
Añadir detrás de las capas el javascript necesario para ocultarlas
<script type="text/javascript" charset="utf-8">
$$('.hide').setStyle('display','none');
</script>
Utilizar el evento domready de algunos frameworks que se dispara una vez cargado el DOM y no la página entera.
window.addEvent('domready', function() {
$$('.hide').setStyle('display','none');
});
Hay que decir que si el javascript no esta activado las capas no se ocultaran y estas podrán ser vistas sin ningún problema.