Javascript 下拉菜单编码-鼠标悬停

我有一个代码片段，我正试图编辑

我的网站有一个链接导航下拉菜单，但默认设置是鼠标点击激活它，而不是像我喜欢的那样鼠标悬停

下面是JS代码的一个片段——有人建议更改鼠标悬停来操作下拉菜单吗

编辑-我添加了鼠标悬停而不是单击，但它不起作用

谢谢

$("#nav .navbar-nav > li .dropdown-toggle").click(function () {    
    $(this).parent().toggleClass("open-nav")    
});

---

你试过了吗？鼠标移过而不是。点击

---

我不知道你为什么不能让hover工作。我让它工作得很好

这里有一个基本菜单，看起来可能与您的相似：

<div class="menu">Menu
    <div class="nav">
        <div class="link">Link 1</div>
        <div class="link">Link 2</div>
        <div class="link">Link 3</div>
        <div class="link">Link 4</div>
    </div>
</div>

那么jQuery函数应该如下所示：

$('.menu').hover(function() {
    $('.nav').slideDown(500);
}, function() {
    $('.nav').slideUp(500);
});

请注意用于悬停的两个参数，一个用于鼠标进入，另一个用于鼠标离开

---

这就是它的作用：

代码来自一个打包的html主题，因此已经编写了很多。我觉得现在无法添加您的自定义代码。为什么不把我用过的逻辑应用到你的代码上呢？

$('.menu').hover(function() {
    $('.nav').slideDown(500);
}, function() {
    $('.nav').slideUp(500);
});