slidedown() 후 요소 높이 설정

Question

클릭하면 div에서 slideDown()이 발생합니다. 내 생각은 div가 확장 된 후에 확장 된 div를 기반으로 다른 div의 높이를 설정한다는 것입니다. 문제는 다른 div가 완전히 슬라이딩되기 전에 높이를 가져 와서 설정한다는 것입니다. 실제로 div가 슬라이딩 아웃하기 전에 div의 높이가 필요하기 때문에 문제가됩니다.

slideDown()이 완료 될 때까지 모든 것을 일시 중지 할 수있는 방법이 있습니까?

$div.slideDown(); 

//sets the height of the Container 
$outer_container.css("height", $inner_container.outerHeight()); 

Answer 1

에만 애니메이션이 완료되면 실행 사용 callback function :

$div.slideDown(400, function() { 
    //sets the height of the Container 
    $outer_container.css("height", $inner_container.outerHeight()); 
}); 

또는 약간 더 컴팩트 apprach 사용 :

$div.slideDown(400, function() { 
    $outer_container.height($inner_container.outerHeight()); 
}); 

을