Come modificare il numero di righe nell'area di testo utilizzando jQuery

Question

Ho una textarea con 5 righe. Voglio mostrare solo una linea e a fuoco dovrebbe mostrare 4 linee rimanenti.

Answer 1

si può provare qualcosa di simile:

 $(document).ready(function(){ 

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

dove moo è il vostro textarea.

Answer 2

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

Oppure, utilizzando meno jQuery, meno di battitura, e ottenere un pelo in più di prestazioni:

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

Answer 3

Prova questa

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