div ocultos parpadean al cargarse pagina?

[chefnelone]

hola a todos

Tengos unos divs que se ocultan cuando se carga la pagina. Luego segun lo que vaya haciendo el usuario van apareciendo.

El problema es que cuando se carga la pagina primero aparecen y luego se ocultan. Es cuestion de una fraccion de segundo , pero no queda muy bonito que digamos

este es el codigo

window.onload=OcultarDivs;
function OcultarDivs()
{
// OCULTA DIVS//
document.getElementById('DIV1').style.display ='none';
document.getElementById('DIV2').style.display ='none';
document.getElementById('DIV3').style.display ='none';
document.getElementById('DIV4').style.display ='none';
document.getElementById('DIV5').style.display ='none';
document.getElementById('DIV6').style.display ='none';
document.getElementById('DIV7').style.display ='none';
document.getElementById('DIV8').style.display ='none';
document.getElementById('DIV9').style.display ='none';
document.getElementById('DIV10').style.display ='none';
document.getElementById('DIV11').style.display ='none';
}

en realidad son 30 en total

si alguien me da una pista...
saludos
gracias

[Cap.Buscapina]

no probaste en la estiqueta div poner style="display:none;", en lugar de ocultarlos con javascript.

[B**]

Tambien pueds usar la libreria prototype para esconder divs.. es mucho menos codigo y mas facil..
Saludos..

[chefnelone]

gracias ya estoy probandolo..

b** que es la libreria prototype?
saludos

[B**]

Echale un vistaso:
http://www.sergiopereira.com/articles/prototype.js.html

Saludos..

[Cap.Buscapina]

no dudo que en esa librería hay varias cosas interesantes, pero para solucionar el problema de chefnelone solo hace falta un poco de sentido comun.

Si los div's tienen que primero aperecer ocultos para luego de a uno ir mostrándoce, solo hay que ponerlos ocultos desde un principio, sin necesidad de JS, y luego si usar JS para mostrarlos.

saludos

[B**]

Q tall,. pues solo fue una opcion mas a su problema, no dije que fuera la optima...
a mi se me hace mas facil hacerlo asi:
tener tu div oculto al principio , y luego solo mostrarlos :

Código HTML:

function Ocultar_DIVS(divID){

       Element.hide(divID)

	}

Solo seria necesario llamar a la funcion y darle como parametro el nombre del id q queremos ocultar.
Saludos..

[Cap.Buscapina]

Iniciado por B**

a mi se me hace mas facil hacerlo asi:
tener tu div oculto al principio , y luego solo mostrarlos :

ahora si que empezamos a estar deacuerdo.

Aunque mejor me parece la forma que ya estaba chefnelone usando para ocultarlos.