jquery textarea拡張の問題

Question

私は2つのテキストボックスと1つのテキストエリアを持っています。テキストエリアは最初は限られたデータしか表示せず、フォーカスしていると拡張テキストエリアが表示されます。展開中に他のテキストボックスも下に移動します。なぜ私はテキストエリアだけを拡大できないのですか？ これは私のjqueryのコードです：

$('.expand').focus(function() { 
$(this).animate({ height: "4em" }, 500); 
}); 

$('.expand').blur(function() { 
$(this).animate({ height: "1em" }, 500); 
}); 

Answer 1

他のテキストエリアの位置は、あなたがサイズを変更しようとしているものに相対的なものです。アクティブなテキストエリアの上に配置された絶対配置されたオーバーレイdivを作成すると、他のテキストエリアに影響を与えずにオーバーレイするテキストエリアのサイズを変更できます。

編集は：あなたは絶対にテキストエリアの位置を設定した場合、それを行うことができるが、それは最も近い親に相対的であることを注意しなければならないhttp://jsfiddle.net/vgqC8/ ：可能な解決策を示すサンプルjsfiddleを作成相対的に位置決めされる。