Jquery：htmlを変更するとスムーズにサイズが変更されます

Question

私のページレイアウトは3水平DIVSです。真ん中のDIVにはコンテンツがロードされます。私はDIVが（animateを使用して）適切なサイズにスムーズな高さのリサイズを行い、コンテンツをフェードインしたいと思います。

これは、これは私が欲しいものに私は近い与えますが、私はjQueryの1.7.2を使用してもjQueryUIアクセス

を持っていますかなりラフ

に見える瞬間に私が持っている

<div id='a'></div> 
<div id='b'>foo</div> 
<div id='c'></div> 

$('#a ').fadeOut().innerHtml('bar').hide().fadeIn() 

です

推敲

（ないコンテンツが存在しないように）現在、中央DIVは、W次いで、フェードアウトします病気は消える。新しいコンテンツが追加されると、即座にサイズ変更され、新しいコンテンツがフェードインされます。

私がしたいことは、コンテンツがフェードアウトして高さを保つことです。新しいコンテンツが追加されると、divを適切な高さにサイズ変更してコンテンツをフェードインします。

Answer 1

次のように変更します。 innerHtmlをJQueryオブジェクトに使用したことに注意してください。正しい構文はhtmlです。また、コンテンツを設定した後でhideを不必要に呼び出したが、fadeOutを呼び出したため、アイテムは既に非表示になっているはずです。

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

$('#a ').fadeOut().html('bar').fadeIn() 

DEMO：http://jsfiddle.net/SmZgw/1/