一个jQuery代码正在jsFiddle，但不是在家里

Question

我真的不明白为什么这个jQuery代码：

boxStop = function() {
    var box = $('.box:last');
    box.stop().slideToggle(150, function() {
        box.remove();
    });
}


$(document).on('mouseover', '.test', function() {
    var el = $(this);
    $('body').append('<div class="box"></div>');
    var box = $('.box:last');
    var posTop = el.offset().top;
    var posLeft = el.offset().left;
    box.hide().css({
        'left': posLeft,
        'top': posTop
    }).html('azerty<br>azerty<br>azerty<br>azerty<br>azerty<br>azerty<br>azerty').slideToggle(150);
}).on('mouseout', '.test', function() {
    if (!$('.box').is(':hover')){boxStop();}
});

$(document).on('mouseout', '.box', function() {
        boxStop();
});

正在研究jsFiddle：

http://jsfiddle.net/malamine_kebe/VECEJ/

但在我的电脑上，当鼠标从.test转到.box，.box slideToggle而不是停留。