jQuery 스무드 슬라이딩 DIV 높이

Question

ID "Content"로 높이가 400px 인 Div가 있는데, Div에서 슬라이드 도글을 수행하고, 일부 데이터를 다양한 높이의 DIV (예 : 200px)에로드 한 다음 다른 SlideToggle을 수행합니다. 내가 얻는 것은 슬라이드가 400px로 확장 한 다음 200px로 다시 점프하는 것입니다. 리버스에서 동일하게 200px로 확장 한 다음 400px로 점프합니다.

이것은 내 코드입니다.

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

그래서 나는 이와 같은 일을 할 수 있다고 생각하여 컨텐츠 div를 미끄러 져 데이터를로드 한 다음로드 된 후 다시 아래로 내려갑니다. 이것은 위의 방법처럼 점프하지 않지만 어떤 이유로 든 꽤 육포입니다.

$('#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();