Расширение нескольких текстовых областей с помощью JQuery

Question

Im new с JQuery или Javascript, но я не знаю почему, только один из моих текстовых областей расширяется, но другой нет. Я нашел этот код, но я не знаю, как решить эту проблему. Вы можете проверить это в моем JSFiddle

Существует JQuery

var textarea = document.querySelector('.text1, .text2'); 

textarea.addEventListener('keydown', autosize); 

function autosize(){ 
    var el = this; 
    setTimeout(function(){ 
    el.style.cssText = 'height:auto; padding:0'; 
    el.style.cssText = 'height:' + el.scrollHeight + 'px'; 
    },0); 
} 

Answer 1

Используйте document.querySelectorAll(), чтобы получить список элементов, а затем итерацию связать обработчик события.

var textarea = document.querySelectorAll('.text1, .text2'); 
for (var i = 0; i < textarea.length; i++) { 
    textarea[i].addEventListener('keydown', autosize); 
} 

Fiddle