Javascript 当我将光标移到侧边栏时，子菜单如何从侧边栏向下滑动

我制作了一个侧边栏，如果我点击任何选项，子菜单就会向下滑动，但现在我想，如果我只是将光标移到菜单选项，而不点击子菜单，它就会向下滑动 js代码：

$（'.子菜单>a'）。单击（函数（e）
{
e、 预防默认值（）；
var子菜单=$（this.sibbines（'ul'）；
var li=$（this.parents（'li'）；
变量子菜单=$（“#侧栏li.subMenu ul”）；
var子菜单_parents=$（“#侧边栏li.subMenu”）；
if（li.hasClass（'open'））
{
如果（$（window.width（）>768）| |（$（window.width（）<479））{
子菜单slideUp（）；
}否则{
子菜单淡出（250）；
}
li.移除类（“打开”）；
}否则
{
如果（$（window.width（）>768）| |（$（window.width（）<479））{
子菜单slideUp（）；
子菜单.slideDown（）；
}否则{
子菜单淡出（250）；
子菜单fadeIn（250）；
}
子菜单_parents.removeClass（'open'）；
li.addClass（“开放”）；
}
});
var ul=$（“#边栏>ul”）；
$（“#侧边栏>a”）。单击（函数（e）
{
e、 预防默认值（）；
var侧栏=$（“#侧栏”）；
if（sidebar.hasClass（'open'））
{
侧栏。removeClass（“打开”）；
ul.slideUp（250）；
}否则
{
侧栏.addClass（'open'）；
ul.向下滑动（250）；
}
});
});`

替换为以下代码

$('.subMenu > a').on("mouseover",function(e){});

---

你能在这里做一个演示，让我们知道问题出在哪里吗？使用事件而不是点击来触发函数。谢谢你，MrD，甚至鼠标悬停都在工作……）

$('.subMenu > a').on("mouseover",function(e){});