Eu me disponho! E já que é completamente diferente da primeira abro como outra resposta:
Você não precisa usar jQuery: use CSS3 e, caso precisar, Vanilla JS ou seu equivalente em jQuery:
Mostrar texto enquanto a textarea tiver foco não precisa de JS: (jsbin)
#showedText {
opacity: 0;
transition: opacity 1s 1s;
}
#myTextarea:focus + #showedText {
opacity: 1; transition-delay: 0;
}
Mostrar texto enquanto a textarea estiver sendo editada usa pouco JS: (jsbin)
#showedText {
opacity: 0;
transition: opacity 1s 1s;
}
#showedText.editing {
opacity: 1; transition-delay: 0;
}
JavaScript utilizado - Vanilla JS:
var myTextarea = document.getElementById('myTextarea');
var showedText = document.getElementById('showedText');
myTextarea.addEventListener('keydown', function () {
showedText.className += ' editing ';
setTimeout(function () {
showedText.className = showedText.className
.replace(/(^|\b)editing(\b|$)/g, '');
}, 500);
});
JavaScript utilizado - jQuery ou Zepto:
var showedText = $('#showedText');
$('#myTextarea').on('keydown', function () {
showedText.addClass('editing');
setTimeout(function () {
showedText.removeClass('editing');
}, 500);
});
Edição: enquanto eu escrevia essa parede de código outras pessoas se aventuraram em usar CSS3, logo deixo uma dica ao autor: use prefixfree.