애니메이션이있는 before() Javery

Question

before()를 사용하여 ajax 요청의 결과를 표시하려고합니다. 그것은 매우 잘 작동하지만, 이제는 애니메이션 (토글, 슬라이딩 다운 또는 무언가)으로 결과를 표시하고 싶습니다.

이

jQuery.ajax({ 
      type: "POST", 
      url: "/postcom", 
      dataType:"text", 
      data:myData, 
      success:function(response){ 
      $("#results_com").before(response); 
      $("#formcomtext").val(''); 
         }, 
      error:function (xhr, ajaxOptions, thrownError){ 
       console.log(thrownError); 
      } 
     }); 

HTML :

$(response).insertBefore("#results_com").animate({}, 400); 

Answer 1

, 쉽게 수 있습니다 여기에

내가 사용하는 코드입니다 그냥 숨겨야한다 #results_com에 애니메이션을하기 전에 여기에 대한 간단한 데모입니다 :. http://jsfiddle.net/pERgk/

Answer 2

당신 : 당신이 insertBefore를 사용하는 경우

<div id="results_com></div> 

덕분에

Answer 3

작업 데모 http://jsfiddle.net/cse_tushar/pERgk/2/이

당신이 작동하지 않습니다 대신 slideDown

$('#results_com').click(function() { 
    $('#results_com').hide().before('This will be the result').slideDown('slow'); 
});