在动画固定div时，Div消失了

Question

这是我正在努力实现的目标

http://jsfiddle.net/DF3t9/

<div class="container">
 <div class="top_bar">
    <div class="nav_column">
    </div
</div>

如果您在单击黄色条时发现它会按预期缩短，但绿色条在动画期间消失。有没有办法阻止这种情况发生？

Answer 1

将nav_column从top_bar中删除，似乎不应该是该div中的原因。

http://jsfiddle.net/DF3t9/4/

<div class="container">
    <div class="top_bar">
    </div>
        <div class="nav_column">
        </div>   
</div>

Answer 2

如果您无法更改标记，可以添加：

overflow:visible !important;

到.top_bar类。

http://jsfiddle.net/DF3t9/5/