jQuery调整大小事件处理程序不适用于DIV

Question

当另一个分隔器由于内容加载到其中而调整大小时，我正在尝试让一个分隔器调整大小。当我将调整大小事件处理程序绑定到加载内容的分隔器上时，当它被加载并且分隔器拉伸以适应它时，永远不会调用该事件。这是因为没有通过 CSS 在分隔线上设置明确的“高度”属性吗？

这里有一个 JSFiddle 来演示：http://jsfiddle.net/q2pJ9/1/

HTML：

<div class="container">
    <button>Click me</button>
    <div class="content"></div>
</div>
<div class="other_container">
    <p>Will appear when "container" extends.</p>
</div>

CSS：

.content{
    display:none;
    height: 200px;
    background: grey;
}
.other_container{
    display: none;
}

Javascript：

$("button").click(function(){
    $(".content").slideToggle();
});
$(".container").resize(function(){
    $(".other_container").fadeIn();
});

感谢您的帮助。

Answer 1

我不确定我是否真的明白，但你会这样吗？

$("button").click(function(){
   $(".content").slideToggle(1500 , function(){
      $(".other_container").fadeIn();
   });
});

链接到示例http://jsfiddle.net/q2pJ9/6/