jQuery 动画 .prepend

Question

与其简单地将 HTML 转储到页面中，我希望它具有动画效果，如何将下面的 jQuery 更改为插入 HTML 时动画或向下滑动？

$('.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样式复制，而是在移动它们之前隐藏克隆元素，然后将它们向下滑动。