jquery - Jquery before() with animation

Question

I'm trying to make appear the result of an ajax request using before(). It works very well, but now I'd like to make appear the result with animation (toggle, slidedown or something).

Here is the code I use:

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>

Thanks

Answer 1

を使用するinsertBeforeと、より簡単になる可能性があります。

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

Answer 2

動作デモhttp://jsfiddle.net/cse_tushar/pERgk/2/

toggle代わりに使用できますslideDown

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