jQuery animate .prepend

Question

Piuttosto che semplicemente scaricare l'HTML nella pagina che desidero venga animato, come posso modificare la jQuery di seguito per animare o scorrere verso il basso mentre l'HTML è inserito?

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

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

}); 

Answer 1

È possibile .hide() il contenuto prima di fare un .prependTo(), quindi chiamare .slideDown() sull'elemento, in questo modo:

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

Ciò .clone() dei bambini di muoversi, piuttosto che fare una copia di stile innerHTML , nasconde gli elementi clonati prima di spostarli, quindi li fa scorrere verso il basso.