AJAX показать новую запись слайд вниз

Question

Я использую код jquery, как показано ниже

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

Он показывает сообщение сразу, но я хочу анимацию, как слайд вниз.

Я хочу самое простое решение, может ли css3 сделать это?

Answer 1

Легко! Не стесняйтесь переключать эту анимацию с тем, что вы хотите.

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

Answer 2

Если ваш HTML имеет контейнер DIV, это будет работать:

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