jQueryを使ってテキストエリアの行数を変更するには

Question

私は5行のテキストエリアを持っています。私は1本の線のみを表示したいが、焦点を合わせるために残りの4本の線を表示する必要がある。

Answer 1

を。

Answer 2

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

または、以下のjQuery、少ないタイピング、ヘアより高いパフォーマンスを得て使用して：MOOは、あなたのテキストエリアで

 $(document).ready(function(){ 

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

：あなたはこのような何かを試すことができ

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

Answer 3

この

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