Podrías hacerlo en forma de plugin:
Código Javascript
:
Ver original(function($){
$.fn.extend({
// nombre de tu plugin, y parámetros
resizeTextarea: function(parametros) {
var defaults = {
opcion: 'valor',
otraOpcion: 'otro valor'
}
var parametros = $.extend(defaults, parametros);
return this.each(function() {
//aqui hacés lo que querés con el elemento
$elem = $(this)
$elem.bind('keyup',function(){
var scrollH = $(this).prop('scrollHeight');
var paddingTB = parseFloat($(this).css('paddingTop')) + parseFloat($(this).css('paddingBottom'));
var lineH = parseFloat($(this).css('lineHeight'));
$(this).attr('rows',(scrollH - paddingTB) / lineH);
});
});
}
});
})(jQuery);
Eso lo guardás en un archivo aparte y lo incluís después de jQuery, antes que tus scripts. Después lo podés usar así, por ejemplo:
Código Javascript
:
Ver original$('textarea').resizeTextarea();
Buscá cómo se hace un plugin para jQuery, porque hay muchas cosas a considerar para optimizar el código y que funcione bien. Además, fijate en el uso de opciones. Yo te puse unos parámetros de ejemplo. Esos sirven para configurar el plugin cuando lo llamas. Algo así:
Código Javascript
:
Ver original$('textarea').resizeTextarea({
opcion: 'aqui doy mi valor'
});
Por cierto, tu código no me funciona :P