JQueryUIボタンにスライドアニメーションは、不必要なレイアウト

Question

は、私は1つのボタンと並んで2つのボタン側を置くしようとしています。このjsfiddle

を見てみましょ拡大動的なものであり、特定のイベントがあるときだけ出てくる（例ではプレスです他のボタンの）。しかし、ここで起こってはjqueryのアニメーションでいただきまし何とかレイアウトはビット

$('.btn-toggle').click(function(){ 
    $('.btn-del').toggle("slide", {direction: "left" }, 500); 
}) 

Answer 1

を歪めますアニメーションの移行時にボタンがにアニメーション化する場所にプレースホルダを追加します。これは、トグルボタンの位置を変更している要素です。アニメーションの速度を遅く設定してHTMLコードを見ると、これを見ることができます。ここで

は、私は、これは

button.ui-effects-placeholder{ 
    display: none !important; 
} 

が起こるwoudldntようプレースホルダを非表示にすることでしたCSSです