jQuery animate .prepend

Question

En lugar de simplemente descargar el código HTML en la página que quiero que sea animada, ¿cómo puedo cambiar el jQuery a continuación para animar o deslizar hacia abajo a medida que se inserta el HTML?

$('.button').click(function() { 

j('.tweets ul').prepend(j('.refreshMe ul').html()); 

}); 

Answer 1

Usted puede .hide() el contenido antes de hacer una .prependTo(), a continuación, llamar .slideDown() en el elemento, así:

$('.button').click(function() { 
j('.refreshMe ul > *').clone().hide().prependTo('.tweets ul').slideDown(); 
}); 

Esto .clone() de los niños a moverse, en lugar de hacer una copia de estilo innerHtml , oculta los elementos clonados antes de moverlos, luego los desliza hacia abajo.