jquery textarea擴展問題

Question

我有2個文本框和1個textarea.texttarea最初顯示有限的數據和焦點它顯示一個擴展的textarea。在擴展期間，其他文本框也向下移動。爲什麼不能只擴展textarea？ 這是我的jQuery代碼：

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

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

Answer 1

其他文字區域的位置是相對於您要調整之一。你可以創建一個位於活動textarea頂部的絕對定位的疊加div，然後你可以調整疊加的textarea而不影響其他textarea。

編輯：創建一個樣本的jsfiddle，顯示了可能的解決方案：http://jsfiddle.net/vgqC8/ 您應該可以，如果你設置textarea的絕對位置做到這一點，但要注意，這是相對於最接近父相對定位。