Javascript Jquery切换菜单和Jquery滚动显示和隐藏

我正在开发一个导航，在Jquery方面有几个问题

1） 当鼠标悬停在菜单右侧的图像上时，只有当鼠标悬停在右侧图像上时，才需要显示下拉菜单

2） 当您使屏幕小于800px时，它将显示一个下拉菜单。我想使用红色按钮使菜单平稳地上下切换

有人能帮忙吗

将

$（“.toggle nav”）

更改为

$（“#toggle nav”）

，并将

#

添加到href:

<a href="#" id="toggle-nav">Toggle navigation</a>

Woking演示：

<a href="#" id="toggle-nav">Toggle navigation</a>

$("#toggle-nav").click(function () {
    $("#nav").slideToggle('slow');
});