jQuery animation slide左揃え

Question

左から右のjQueryを使用してテキストの段落を表示/非表示したいと思います。私はアニメーションとして段落ラップが起こっていることを見ていますしかし

私は

$('#text').animate({ 
    width: ['toggle', 'swing'] 
}); 

を使用しています。そしてそれは醜く見えます。

望ましくない効果の例については、this js fiddleを参照してください。

ラッピングなしで同じ効果を得ることをどのようにお勧めしますか？ （.slideUp()/slideDown()など）...任意のヘルプあなたはコンテナにoverflow: hiddenを設定し、コンテナにアニメーションを適用する必要が

Answer 1

ため

感謝。

Updated fiddle with fix here

Answer 2

これを試してみてください：

CSS：

#wrap{ 
width:200px; 
    overflow: Hidden; 
} 
#text{ 
width:200px; 
} 

スクリプト：

setTimeout(
function(){ 
    $('#wrap').animate(// Changed to slide the wrap instead of the #text 
     { 
      width: ['toggle', 'swing'] 
     }) 
    }, 
1000); 

http://jsfiddle.net/RDsqy/2/