jquery - 带有动画的 Jquery before()

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:

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