动画在jQuery中完成问题

Question

我使用动画中的完整，这就是结果：http://jsfiddle.net/s5bhtq51/1/

$(".respect-row").mouseenter(function(){

            $(this).find("h2").stop(true,false).animate({
                'marginTop' : "-=80px"
            },{
                duration: 500,
                complete: function(){
                    $(".respect-row").stop().animate({ 
                        width: "320px" 
                    },{
                        complete: function(){
                            $(".respect-row .col-xs-12").find("p").fadeIn(500);
                            check_respect_or_quality = true;
                        }
                    });

                }
            });

        });
        $(".respect-row").mouseleave(function(){
            if (check_respect_or_quality === true){
                $(this).find("h2").stop(true, true).animate({
                    'marginTop' : "+=80px"
                },200);
                $(this).stop(true, false).animate({ width: "160px" });
                $(this).find("p").hide();
            }
        });

我有两个功能：mouseover和mouseleave。正如你可以在小提琴中看到的那样，它正在工作，但是如果我在我的div上移动鼠标指针非常快，它完全弄乱了动画，我不知道为什么。有人可以帮我弄这个吗 ？ THX