通過滑動來擴展元素高度（而不是突然擴大）

Question

我想在點擊時擴大框的高度。

$(this).find("textarea").css("height","2.6em").focus(); 

上面的代碼展開了框，但突然發生了。

我怎樣才能讓它以更優雅的滑動方式做到這一點？

Answer 1

可以使用.animate()代替.css()，像這樣：

$(this).find("textarea").animate({ height: "2.6em" }).focus(); 

一些瀏覽器失去了專注於動畫，雖然，我從一個問題在幾個星期前記得，你可能需要做這個：

$(this).find("textarea").animate({ height: "2.6em" }, function() { 
    $(this).focus(); 
}) 

Answer 2

看看jQuery的animate function：

$(this).find("textarea").animate({ 
    height: "2.6em" 
    } 

Answer 3

size效果會順利執行此操作。 Animate，也。

$(this).find("textarea").effect("size", { to: {height: 2.6em} }, 1000).focus();;