Edit in JSFiddle

var myTween = new Fx.Tween('comments',{
  transition: 'bounce:out',
  duration: 1000,
  link: 'chain',
  onComplete: function(){
    myTween.element.toggleClass('focused');
  }
});

var grow = function(){
  myTween.options.transition = 'bounce:out';
  myTween.start('height', 200);
};

var shrink = function(){
  myTween.options.transition = 'quad:in:out';
  myTween.start('height', 50);
};

$('comments').addEvents({
  focus: grow,
  blur: shrink
});

<textarea id="comments">Focus and blur me all night long</textarea>

textarea {
    width: 200px;
    height: 50px;
}

.focused {
    color: #1b609a;
}