JQuery before() с анимацией

Question

Я пытаюсь сделать результат запроса ajax, используя before(). Он работает очень хорошо, но теперь я хотел бы показать результат с анимацией (переключение, скольжение или что-то еще).

Вот код, я использую:

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:

<div id="results_com></div> 

Благодаря

Answer 1

Если вы используете insertBefore, это может быть проще:

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

Answer 2

Вы должен просто скрыть #results_com прежде, чем анимировать его Вот простой демо для него:. http://jsfiddle.net/pERgk/

Answer 3

работает Демонстрационный http://jsfiddle.net/cse_tushar/pERgk/2/

вы можете использовать toggle вместо slideDown

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