jquery - Jquery .show() - 表示されている div の下の div が下にスライドしていない

Question

ASPページに2つのdivがあります

<div id="leftcolotherdestinations" style="display:none;">
    <asp:Panel ID="pnlOtherDestinations" runat="server" CssClass="destinationpanel">
    </asp:Panel>
</div>
<div id="leftcolheaderupdates">
     Updates
</div>

#leftcolotherdestinationsは、ボタンをクリックすると jquery で表示されます。ここまでは問題ありません。しかし、#leftcolotherdestinations が表示されると、#leftcolheaderupdatesは下にスライドしますが、アニメーションが終了すると、前の場所から上に移動します。上のdivで下げたい。これが私のcssです。

#lefcoltotherdestinations
{
    margin-top:20px;
    display:block;
    height:20px;  
    background-color:#D8D2CE;
}
#leftcolheaderupdates
{
    display:block;
    height:20px;  
    background-color:#D8D2CE;
}

Answer 1

この問題は、外側の div 内の浮動要素を削除する (または「非浮動」にする) ことで解決しました。コメントありがとうございます。