Увеличение высоты textarea при достижении последней строки

Question

Я пытаюсь создать текстовую область, похожую на ту, что находится на http://snippi.com/. Если вы набираете достаточно, чтобы достигнуть нижней строки (нажмите «Войти много»), то она увеличивает высоту текстовой области на одну «линию-высоту» (21px на моем сайте).

Я считаю, что лучший способ сделать это будет с jQuery, но я не уверен, с чего начать. Может ли кто-нибудь помочь? Это было бы действительно потрясающе, если бы, когда вы удаляете строку, она «сжимается» на одну «линию-высоту», как на http://snippi.com/.

У меня был шанс, и код закончился here on jsFiddle. Это то, что я начал с:

$('#text').focus(function() { 
    // Do something here 
}); 

Answer 1

Я считаю, что Snippi использует что-то вроде этого. http://www.jacklmoore.com/autosize/

Использование

// Example: 
$(document).ready(function(){ 
    $('textarea').autosize(); 
}); 

Руководство Срабатывание

$('#example').val('New Text!').trigger('autosize.resize');