Enter' a Basınca Sayfa Yavaşça Yukarı Kapansın - jQuery Stop Animations

Arkadaşlar merhabalar,
Ben bir sayfa hazırlamak istiyorum şu şekilde anlatmak gerekirse sayfama sadece aslında background olarak bir resim vericem

siteye girildiği an bu background açılacak enter a bastığım an bu içerik alttan yavaş yavaş kapanacak ve alttan veya başka bir şekilde hazırladığım ana tasarım açılacak index.html örneğin

Şimdi bu anlattığıma yakın olan sistem aslında aşağıdaki sistem

http://www.w3schools.com/jquery/jquery_stop.asp

Burada start sliding yazısına tıklayınca aşağı doğru açılıyor, ben açık hali ile gelmesini enter a basınca kapanmasını istiyorum ardındanda kapanma bittikten sonra istediğim site alttan veya başka şekilde gelsin istiyorum


umarım tam olarak anlatabildim ne demek isediğimi bu konuda hazır bişey varmıdır yoksa sıfırdan mı yazılması gerekiyor bilmediğim için ücretli veya ücretsiz yardımcı olabilecek arkadaşlar yazabilirse çok sevinirim

Textarea için key eventlerini kullanarak bu örneği yapabilirsin.
https://api.jquery.com/category/events/keyboard-events/
bu linki incele faydasını görürsün.

#buDiv{
position:Absolute:;
width:100%;
height:100%;
background:crimson;
}
$(body).on("keyup", function (event) {
if (event.keyCode==13) {
$("#buDiv").animate({height:0},4000,function(){
// ikinci işlem
});
}});