jquery - 一个 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 滑动切换而不是停留。