2010-08-26 85 views
7

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

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

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

}); 

回答

24

可以.hide()内容做.prependTo()前,然后调用.slideDown()的元素,像这样:

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

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