jquery - 固定 div のアニメーション中に div が消える

Question

ここに私が達成しようとしていることのjsfiddleがあります

http://jsfiddle.net/DF3t9/

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

黄色のバーをクリックすると、期待どおりに短くなりますが、アニメーション中に緑色のバーが消えます。これが起こらないようにする方法はありますか？