jsFiddle

• Run again
• Edit this fiddle

• JavaScript
• HTML
• CSS
• Result

var myTween = new Fx.Tween('comments',{
  transition: 'bounce:out',
  link: 'cancel',
  duration: 1000
});

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;
}