Javascript 如何使用jQuery更改textarea中的行数

我有一个有5行的文本区。我只想显示一行，在焦点上应该显示剩余的4行

jQuery(function($){
  $('#foo').focus(function(){
    $(this).attr('rows',5);
  }).blur(function(){
    $(this).attr('rows',1);
  });
});

或者，使用更少的jQuery、更少的键入并获得更高的性能：

jQuery(function($){
  $('#foo')
    .focus(function(){ this.rows=5 })
    .blur( function(){ this.rows=1 });
});

---

您可以尝试以下方法：

     $(document).ready(function(){

    $('#moo').focus(function(){
        $(this).attr('rows', '4');
    });
});

moo是你的文本区域。

试试这个

$('#textboxid').focus(function()
    {
       $(this).animate({'height': '185px'}, 'slow' );//Expand the textarea on clicking on it
       return false;
     });

---

：请更详细地描述您的解决方案。参考：