[strengerst]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
var e = $('#example'); $(e).css({display:'none'})
$('a').mouseover(function()
	{$(e).stop().animate({top: 300}, 1000); }).css('display','block').mouseout(function(){$(e).stop().animate({
top: 0}, 1000 , callback.css('display','none'))});
	</script>

При такой записи блок исчезает не успев доехать до top 0;

Я еще так пытался но тоже нечего не получаеться

$(document).ready(function(){	
 var callbacks = $.Callbacks();
 callbacks.add(function s (){$(e).css('display','none');})
 var e = $('#example'); $(e).css('opacity',0);
   $('a').mouseover(function(){
   $(e).stop().fadeTo(16,1).animate({top:300}, 1000);})
   $('a').mouseout(function(){  
$(e).stop().animate({top: 0}, 1000).callbacks.fireWith(s);})})