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

试试这个: fiddle :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');

    });
});