使用jQuery的弹性textarea

Question

我试图制作自己的弹性textarea代码进行练习。这就是我目前所拥有的

$(".textareaField").keyup(function() {
    var height = $(this).height();

    var lines = $(this).val().split('\n');
    var line_count = lines.length;
    var total_lines = 8;

    if(total_lines < line_count) {
        $(this).animate({
            "height" : (line_count * 25)
        }, 200);
    } else {
        $(this).animate({
            "height" : 200
        }, 200);
    }
});

total_lines是该textarea中可能的行数，其为8，因为textarea的初始高度为200 px，行高为25 px。初始配置时，200/25 = 8行。我想要实现的是当用户删除几行时缩短textarea，并停止将高度减少到8行（200像素）。