아약스 쇼 새 게시물 슬라이드 아래로

Question

나는 그것은 한 번에 포스트를 보여

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

아래 같은 jQuery 코드를 사용하지만, 나는 아래로 단지 슬라이드처럼, 거기에 애니메이션을합니다.

내가 가장 간단한 해결책을 원한다. css3이 할 수 있니? 당신의 HTML은 컨테이너 DIV가있는 경우

Answer 1

이 작동합니다

$('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(); 
    } 
});