我的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();
        });     
    });