¿Cómo mostrar cada div, uno por uno en jQuery?

Oye, no voy a hacer un efecto genial en mi página, y estoy pensando, ¿qué te parece esconder todo mientras se carga y mostrar cada div con efecto uno por uno? Si es una mala idea, ¿puedes ayudarme con una idea mejor?

EDIt: Usando la función $ (“div”). Each () jQuery. EDIT2: Los niños por los niños.

EDIT3:



A carregar, aguarde...

Gracias a todos José Moreira.

Podrías usar algo como esto:

 $(function() { // Start showing the divs showDiv(); }); function showDiv() { // If there are hidden divs left if($('div:hidden').length) { // Fade the first of them in $('div:hidden:first').fadeIn(); // And wait one second before fading in the next one setTimeout(showDiv, 1000); } } 

Que encuentre el siguiente div oculto y se desvanezca en cada segundo. Solo oculte los divs que desea mostrar usando la display: none; de CSS display: none; antemano.


Si por alguna extraña razón tiene que usar each función, esto podría funcionar … un poco.

 $(function() { $('div:hidden').each(function(index) { setTimeout(function(el) { el.fadeIn(); }, index * 1000, $(this)); }); }); 

O puede usar este complemento: https://github.com/Devlart/Jquery-AnimateOnebyOne

Prueba el siguiente código:

 $('div').hide().each(function(index, domElement) { $(this).slideDown("slow"); // Wait for the end of the animation somehow... })