ajax显示新帖子向下滑动

Question

我使用如下的jquery代码

$('form#new-post').ajaxForm({
    success:function(html){
       $('#post-list').prepend(html);
    }
 });

它会立刻显示帖子，但我想要一个动画，就像向下滑动一样。

我想要一个最简单的解决方案，css3可以这样做吗？

Answer 1

如果你的html有一个容器DIV，这将有效：

$('form#new-post').ajaxForm({
    url: "mypage.html",
    success:function(html){
       var html = $(html).hide();
       $('#post-list').prepend(html);
       html.slideDown();
    }
 });

Answer 2

轻松！随意用你想要的任何东西切换动画。

$('form#new-post').ajaxForm({
    success:function(html){
       $('#post-list').hide().prepend(html).fadeIn();
    }
 });