Javascript jQuery中带有悬停/鼠标悬停事件的下拉菜单

我试图创建并悬停下拉菜单，但我不能，也不是真的，我可以让菜单切换到特定的项目，用我的代码显示所有可用的项目：

代码如下：

$（document）.on（'ready'，function（）{
var超时=0；
$（'.nav'）.hover（函数（）{
$（'.dropdown menu'）。向下滑动（'fast'）；
}，函数（）{
超时=设置超时（hideMenu，300）；
});
$（“.dropdown menu”）.hover（函数（）{
clearTimeout（超时）；
}，函数（）{
hideMenu（）；
});
});
函数hideMenu（）{
$（“.dropdown menu”）.slideUp（'fast'）；
}

|




















|





























|

好的，我不知道当你使用Jquery和bootstrap（也使用Jquery）时，纯js是什么意思。但将该函数添加到代码中

$(document).on('mouseover','.dropdown-toggle',function(e){
    $(this).parent('li').children('ul').slideDown('fast');
});

这将打开下拉菜单。为了隐藏它，你可以做更多的研究

---

我还注意到有几个元素具有相同的id=“drop to”。Id值应该是唯一的！名称和类可以在多个元素上相同。

我没有完全理解您的问题是什么。你想实现什么，什么不起作用？如果你“想得到一个纯Javascript”，为什么要使用jQuery？@maximelian1986，我不能只显示一个子菜单，当我试图打开其中一个元素时，所有的元素