jquery $. post 및 fadeOut

Question

jQuery에 (간단한) 문제가 있습니다. 내가 원하는 것은 fadeOut 애니메이션을 사용하여 div에 새로운 HTML 콘텐츠를 추가하는 것입니다. 그러나, 그 새로운 사업부는 여전히

$.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을 (당신이 지금 그것을 숨길, 새로운 물건을 보여주고 싶은)를 사용하는 데 필요한 display: none 속성이있어 (그것을 볼 수없는이을 시도해보십시오.

을

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