jquery - 为固定 div 设置动画时 div 消失

Question

这是我想要完成的一个 jsfiddle

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/