Javascript jquery简单下拉多触发器

我正在尝试构建一个带有2个下拉菜单的简单jQuery下拉列表。以下是我使用的jQuery代码：

 $('.myDropdown .classes .logo').mouseenter(function(){
    $('.myDropdown .classes .dropdown.class-dropdown').slideUp(300, function(){
        $('.myDropdown .classes .dropdown.school-dropdown').slideDown();
    });
});

$('.myDropdown .classes .name').mouseenter(function(){
    $('.myDropdown .classes .dropdown.school-dropdown').slideUp(300, function(){
        $('.myDropdown .classes .dropdown.class-dropdown').slideDown();
    });
});

$('.myDropdown .classes ').mouseleave(function(){
    $('.myDropdown .classes .dropdown').slideUp();
});

我的问题是：我得到了多次滑鼠向下和滑鼠向上的动作，鼠标在logo或name元素上来回移动了多少次，从而产生了反弹类型的效果，直到鼠标进出的次数结束

---

我尝试使用stop，但O无法使其正常工作。

您能发布一个jsFiddle吗？我想更深入地了解一下你的代码。你的jQuery选择器和函数中都有myDropdown类和class，为什么不消除冗余，只使用target.logo或.name？我知道这不是很有建设性。我有更多的代码，我不能发布，我把minCan你可以发布你的html？没有你的加价，没有办法给出一个直截了当的答案