jquery .stop () не работает

Я пытаюсь создать меню, в котором по умолчанию отображается только первый элемент, а при наведении курсора на него остальные элементы выдвигаются и снова скрываются при выходе мыши. В основном он работает, но если мышь выйдет раньше, s закончил выдвигаться, то функция скрытия не вызывается. Я думал, что stop () должен позаботиться об этом, но, похоже, это не имеет никакого влияния.

$(function(){
    $("#menubar").children(".breadcrumbs").children("li + li").hide();

    $("#menubar .breadcrumbs").hover(function() {
        $(this).children("li + li").stop().show("slide", {}, 'slow');
    }, function() {
        $(this).children("li + li").stop().hide("slide", {}, 'slow');
    });
});

jsFiddle demo

Кто-нибудь может увидеть, что я делаю неправильно?