jQuery animate .prepend

Question

Plutôt que de simplement jeter le HTML dans la page, je veux qu'il soit animé, comment puis-je changer le jQuery ci-dessous pour soit animer ou glisser vers le bas que le HTML est inséré?

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

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

}); 

Answer 1

Vous pouvez .hide() le contenu avant de faire un .prependTo(), puis appelez .slideDown() sur l'élément, comme celui-ci:

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

Cela ne .clone() des enfants à se déplacer, plutôt que de faire une copie de style innerHTML , cache les éléments clonés avant de les déplacer, puis les glisse vers le bas.