Vamos a usar jQuery para este propósito.
img_overlayed.hover(function() {
if (!text_overlay.hasClass('animated')) {
text_overlay.dequeue().stop().slideDown(300);
}
}, function() {
text_overlay.addClass('animated').slideUp(300, function() {
text_overlay.removeClass('animated').dequeue();
})
}
);