How to change the number of rows in the textarea using jQuery

Question

I have a textarea with 5 lines. I want to show only one line and on focus it should show remaining 4 lines.

Answer 1

Try this

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