jquery - jquery$.postおよびfadeOut

Question

jQueryに（単純な）問題があります。私がやりたいのは、fadeOutアニメーションを使用して新しいHTMLコンテンツをdivに追加することだけです。しかし、私はそれを見ません（それは新しいdivがまだdisplay: noneプロパティを持っているということです

$.post('/Home/Update', {}, function (res) {
  $('<div id="myContent">' + res + '</div>')
    .hide()
    .appendTo('#mainContainer')
    .fadeOut(1000);
});

<div id='mainContainer' style='float:left; width: 900px; height:400px;  border: 1px solid Red; margin-left: 10px;'>

</div>

Answer 1

fadeIn代わりに使用する必要がありますfadeOut（新しいものを表示したいので、非表示にします）。これを試して：

$.post('/Home/Update', {}, function (res) {
  $('<div id="myContent" style="display:none">' + res + '</div>')
    .appendTo('#mainContainer')
    .fadeIn(1000);
});