的Javascript/jQuery的动画完成后，显示结束的div

Question

这里是一个工作的jsfiddle：

http://jsfiddle.net/YnT2X/

我不想在div显示后，才返回动画完成。

的jQuery：

$(document).ready(function() { 
    $("#menu").hover(function() { 
     $('#arrow').hide(); 
     $("body").children(':not(#menu)').css("-webkit-filter", "blur(2px)"); 
     $(this, '#arrow').stop().animate({ 
      width: "200px" 
     }, 250, 

     function() { 
      if ($('#menu').width() == '200') { 
       $('.text').fadeIn(200); 
      } 
     }); 
    }, function() { 
     $(this).stop().animate({ 
      width: "0px" 
     }, 250) 
     $("body").children(':not(#menu)').css("-webkit-filter", "none"); 
     $('.text').fadeOut('fast'); 
     $('#arrow').show(); 
    }); 
    }); 

Answer 1

试试这个： 小提琴：http://jsfiddle.net/upycZ/

$(document).ready(function() { 
    $("#menu").hover(function() { 
     $('#arrow').hide(); 
     $("body").children(':not(#menu)').css("-webkit-filter", "blur(2px)"); 
     $(this, '#arrow').stop().animate({ 
      width: "200px" 
     }, 250, 

     function() { 
      if ($('#menu').width() == '200') { 
       $('.text').fadeIn(200); 
      } 
     }); 
    }, function() { 
     $(this).stop().animate({ 
      width: "0px" 
     }, 250,function(){ 
     $('#arrow').show(); //<- Shows arrow after run 
     }); 
     $("body").children(':not(#menu)').css("-webkit-filter", "none"); 
     $('.text').fadeOut('fast'); 

    }); 
});