¿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...
A Nossa Missão
A Microdual tem a missão de desenvolver soluções tecnológicas inovadoras, que permitam satisfazer todas as necessidades dos clientes, parceiros e empresas, através de produtos e serviços de elevada qualidade, que os tornam mais eficientes.
A Nossa Visão
Acreditamos que através da inovação tecnológica actual iremos encontrar as soluções necessárias para enfrentar os desafios do futuro. Da tecnologia advéma oportunidade para as empresas crescerem, para os cidadãos em mercados emergentes prosperarem entrando na Economia digital, e para as pessoas adaptarem novas possibilidades.
Os Nossos Valores
A nossa conduta deve refletir os mais altos padrões de ética;
A nossa comunicação deve ser clara e precisa;
O nosso gerenciamento deve ser em equipa, consistente e focado;
O nosso relacionamento com clientes e colaboradores deve ser transparente e baseado na responsabilidade e confiança entre as partes.
O Nossos Objetivo
Melhorar continuamente o que fazemos, para assim contribuir para o desenvolvimento sustentável, acrescentando vantagem competitiva.
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... })