我的JQuery有什么问题？

Question

我尝试了这段代码，这是第一次。 但是由于某种原因，此后它不起作用。 我不明白

代码如下：

$(document).ready(function(){    
    $("#blue").mouseenter(function(){    
        $("#pink").slideDown("normal", function(){    
            $("#green").animate({width:'toggle'});
        });
    });
    $("#green").mouseleave(function(){
        $("#green").animate({width:'toggle'}, function(){
            $("#pink").slideUp();
        });
    });
});

我想做的是当您将鼠标悬停在指定区域上时有一个幻灯片事件。 由于不确定的原因，这似乎有故障。

JS小提琴： http ： //jsfiddle.net/vL65X/

Answer 1

动画排队。 尝试使用.stop（）或.clearQueue（） ...

编辑：抬头看了。

$("#blue").mouseenter(function(){
    $("#pink").stop().slideDown("normal", function(){
    $("#green").stop().animate({width:'toggle'});
        });     
    });
$("#green").mouseleave(function(){
    $("#green").stop().animate({width:'toggle'}, function(){
    $("#pink").stop().slideUp();
        });     
    });