jQuery animate .prepend

时间:2010-08-26 20:50:17

标签: jquery

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

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

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

});

1 个答案:

答案 0 :(得分:24)

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

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

这要移动孩子的.clone(),而不是做一个innerHTML样式的副本,在移动克隆元素之前隐藏它们,然后将它们向下滑动。