jQuery 부드러운 슬라이딩 DIV 높이

Question

ID가 "content"인 높이가 400 픽셀 인 Div를 보유한 다음 div에서 slideToggle을 수행하고 일부 데이터를 다양한 높이의 Div에로드합니다. 200px로 이동 한 다음 다른 슬라이드 토글을 수행합니다. 내가 얻은 것은 슬라이드가 400px로 확장 된 다음 다시 200px로 점프하는 것입니다. 그리고 역순으로 동일하게 200px로 확장 한 다음 400px로 건너 뜁니다.

$('#content').slideToggle(600, function() { 
    $("#content").load('data.php').slideToggle(600); 
}); 

그래서 내가, 컨텐츠 사업부를 밀어 것 같은 것을 수행 데이터를로드 한 다음 다시 아래로 슬라이드를 장전 한 후 수 있다고 생각 :

이 내 코드입니다. 위의 방법과 같이 점프하지는 않지만 어떤 이유로 든 상당히 엉망입니다. 나는 부드럽게 밀어 수 있도록이 일을 더 나은 방법이 있는지

$('#content').slideUp(600, function() { 
    $("#content").load('data.php', function() { 
     $("#content").slideDown(600); 
    }); 
}); 

아무도 말해 줄 수 있습니까?

Answer 1

$('#content').slideUp(600, function() { 
    $("#content").load('data.php', function() { 
     $("#content").slideDown(600); 
    }); 
}); 

이 가장 좋은 결과를 얻을 수 있습니다.

Answer 2

나는 비슷한 문제가있었습니다. 위로 가기 전에 div 높이를 설정하여이 문제를 해결할 수있었습니다.

예 :

이

$("#myDiv").height($("#myDiv").height()); 
$("#myDiv").slideUp();