изменение размеров textarea после выполнения js

[SpearMint]

Здравствуйте! Есть js предназначенный для изменения размеров textarea при условии фокуса на ней (снизу для красоты выезжает кнопочка), всё работает, но когда, допустим пользователь теряет фокус с объекта и изменяет его высоту/ширину, js его возвращает к исходным размерам.
Собственно вопрос: как можно сделать так, что бы после выполнения этой функции пользователь мог свободно изменить размер без возвращения к исходной.

$(function() {
		    $("#comment_posting_textarea").focus(function(){/* обращение к textarea при условии фокуса */
		        $(this).animate({ width:"400px"}, 1000);/* изменение ширины */
		        $(this).animate({ height:"150px"}, 1000);/* изменение ширины */
		        $("#comment_posting_submit").animate({ marginLeft:"328px", opacity: "1"}, 1000);/* выезжает кнопка + её постепенное "проявление" */
		    });
		});

Код частично украл, так как в js не вникал, да и не собираюсь, а на css данную проблему решить не смог.

[danik.js]

$(this).animate({ width:"400px"}, 1000);/* изменение ширины */
4 $(this).animate({ height:"150px"}, 1000);/* изменение ширины */

Ну и нахрена так писать? Можно же записать все свойства в одном animate.

Попробуй так:

var props = {};
if (this.offsetWidth < 400)
    props['width'] = 400;
if (this.offsetHeight < 150)
    props['height'] = 150;
$(this).animate(props, 1000);