jQuery animate .prepend

Question

而不是简单地将HTML转储到页面中我希望它是动画的,如何在插入HTML时将下面的jQuery更改为动画或向下滑动？

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

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

});

Answer 1

你可以.hide()在做之前做内容.prependTo(),然后调用.slideDown()元素,如下所示:

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

这确实.clone()对孩子的运动,而不是做一个innerHTML的风格复制,移动它们面前隐藏克隆的元素,然后滑动下来.