vuchastyi,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#aa{
height: 26px;
background-color: #FF00FF;
cursor: default;
}
#dd{
height: 100px;
background-color: RoyalBlue;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var $a = $('#aa'), $d = $('#dd');
$a.mouseenter(
function(){
$d.stop(true,true).delay(500).animate({height : 'show'});
}).mouseleave( function(){
$d.stop(true,true).delay(500).animate({height : 'hide'});
})
$d.hide();
});
</script>
</head>
<body>
<div id="aa">Наведи мышку и получи фишку!</div>
<div id="dd">test</div>
</body>
</html>