ayuda al ocultar un div

Question

primer que nada de ate mano muchas gracias

mi problema es el siguiente, tengo un div que se oculta al entrar a mi sitio

<pre lang='lenguaje'>
$('document').ready(function(){
    $('#pro').hide('fast');
});

el detalle esta en que tiene una consulta, y antes de ocultarse se muestra el contenido de este div, y no quiero que eso suceda... alguien sabe como prevenir el 'flashaso' de la informacion contenida con el div

Answer 1

por que no mejor lo inicias con un css oculto

#pro{

display:none;

}

y cuando lo quieras mostrar le pones con jquery

$('#pro').show('fast');

Answer 2

Hola que tal pues espero esto te de una idea y resuelva tus conflictos.

<script type="text/javascript"> 

function mostrar(){ document.getElementById('uno').style.display='block'; }

function ocultar(){ document.getElementById('uno').style.display='none'; } 

</script> 

<div id="uno">Capa uno</div> 

<input name="mostrar" type="button" value="mostrar" onClick="mostrar();"> 

<input name="ocultar" type="button" value="ocultar" onClick="ocultar();">