Cómo cambiar el número de filas en el área de texto usando jQuery

Question

Tengo un área de texto con 5 líneas. Quiero mostrar solo una línea y en foco debería mostrar las 4 líneas restantes.

Answer 1

Usted puede intentar algo como esto:

 $(document).ready(function(){ 

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

donde moo es su área de texto.

Answer 2

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

O, usando menos jQuery, escribir menos, y conseguir un cabello más rendimiento:

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

Answer 3

probar este

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