在slidedown（）之后设置元素的高度

Question

我点击了一下就会在div上触发slideDown()。我的想法是，在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());
});