Javascript .mouseenter和.mouseleve工作不正常

最近我一直在尝试创建一个下拉菜单（我不熟悉javascript和jQuery）。我尝试通过以下方式使用函数.mouseenter和.mouseleave执行此操作：

    $('.slideOne')
.mouseenter(function() {
    $('#one').animate({
    left: '10%'
    },100)
.mouseleave(function() {
    $('#one').animate({
    left: '-250px'
    },100);
    }); 
});

一切都正常，但并不是我想象的那样。您可以在fiddle上看到结果：

完整代码：

希望你能看到ul的不一定出现时，鼠标是在适当的李，他们不一定消失后，鼠标离开

---

也许有人遇到了这个问题？还是有更好的方法来创建我想创建的内容？

这里有另一种方法，使用

.hover（）

$('.slideOne').hover(function () {
    $('#one').animate({
        left: '10%'
    }, 100)
}, function () {
    console.log('dgfh');
    $('#one').animate({
        left: '-250px'
    }, 100);
});

$('.slideTwo').hover(function () {
    $('#two').animate({
        left: '14%'
    }, 100);
}, function () {
    $('#two').animate({
        left: '-250px'
    }, 100);
});

---

谢谢你知道为什么这个方法比“.mouseenter”方法好得多吗？因为你没有正确地添加括号。检查代码中

.mouseenter（）

上的右括号。我还没有检查您的代码的其余部分，但我认为在任何地方都是相同的问题。谢谢。你能不能帮我找到一种方法，当鼠标从菜单移到这个div时，使slideOne不会消失？我通过将“slideOne”类添加到slidein div中实现了这一点，但它的行为很奇怪：只需尝试

左

值。谢谢，我很感激