Cómo jQuery slidedown una vez que la página ya se ha cargado

Question

Tengo un problema de tiempo al intentar deslizar hacia abajo mi div más información. Mi funcionalidad deseada es que las diapositivas div caigan desde la parte superior una vez que la página ya se haya renderizado. Mi problema es si uso $ (document) .ready() .. la animación no se produce visiblemente.

Aquí está mi código:

$(document).ready(function() { 
     $(".MoreInfo").slideDown('slow'); 
    }); 

Si fijarlo en clic de algún otro elemento, por ejemplo, funciona muy bien. Pero no estoy seguro de cómo hacer que se desplace visiblemente una vez que la página se haya cargado. Gracias!

Answer 1

Probé mezcla y el uso a juego:

$(window).load(function() 

y

$(document).ready(function() 

pero no tenían ninguna suerte. Terminé usando

$(document).ready(function() { 
    $(".MoreInfo").slideUp(1).delay(2000).slideDown('slow'); 

y eso parece funcionar. Creo que tiene que ver con el elemento que ya se muestra más que cualquier otra cosa.

Answer 2

Es posible que desee intentar usar

$(window).load(function() 

en lugar de

$(document).ready(function() 

como algunos de los elementos que están tratando de manipular, no podría ser cargado por completo cuando $ (document) ready incendios.

Answer 3

Quizás tratar onload cuerpo en vez

$("body").load(function() { 
    $(".MoreInfo").slideDown('slow'); 
}); 

... document.ready ocurre tan pronto como el DOM puede ser manipulado, no necesariamente una vez que se muestra la página - que podría ser mucho antes de que la página se desplegado. También podría intentar poner esto en una llamada setTimeout para permitir un poco de tiempo extra