単純なjQueryUIの「サイズ」効果を実行しています。
myElement.effect( "size", { to: { height: myHeight }}, 500);
問題は、要素の境界線もサイズ変更されることです。境界線のサイズ変更を停止するプロパティはありますか?
サイズ効果に関するドキュメントを確認してください:http://docs.jquery.com/UI/Effects/Size
4つの可能な引数/オプション(from、to、origin、scale)があります。あなたが探している引数はscale引数です。デフォルトでは、「両方」に設定されています。「コンテンツ」に設定したい。
myElement.effect( "size", { to: { height: myHeight }, scale: "content"}, 500);
これがjsfiddleです:http://jsfiddle.net/rjHWR/2/