<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);})})
