浮動要素でスライディングが流れない

Question

スライド効果と組み合わせたトグル機能に問題があります。私は、浮動小数点型の要素をスライドさせようとしており、隣接するdiv要素（左に浮動小数点型）をスライドさせて配置します。下の例のようにjQuery UIを使用すると、スライドのアニメーションは正しいです（スライドが残っています）が、移動する前にアニメーションが完了するまで、浮動している要素が待機します。この例では

With jQuery UI

jQueryのUIなしで他方が非常にスムーズな移行のために作る、アウトスライドされるように、隣接する要素は、上スライド。この場合、スライドには左と上の両方のアニメーションがありますが、これは私が達成しようとしているものではありません。

Without jQuery UI

私は、それがすでに他の機能のために自分のサイトに埋め込まれていますようにjQuery UIを使用するための解決策を見つけようとしています。

Answer 1

ここでは、探しているものと似たようなことをしています。 Jsfiddle demo

$('#toggle').bind('click',function() { 
    $("#wrapper").toggleClass('collapse'); 
    if ($("#wrapper").hasClass('collapse')) { 
    $('.collapse').animate({'margin-left':'-50px'}); 
    } 
    if (!$("#wrapper").hasClass('collapse')) { 
    $('#wrapper').animate({'margin-left':'0'}); 
    } 
});​ 

<div id="toggle">Slide</div> 
<div id="space"></div> 
<div id="wrapper"><div id="left"> 
</div> 

<div id="right"> 
    <div> 
</div> 
​ 
#wrapper { 
overflow:hidden; 
maegin-left:0; 
}