Javascript 我的jQuery导航菜单有两个问题

如果你把窗口的大小调整到600px或更小，我会得到两个图标，而不是一个，汉堡菜单

第二个问题是，如果点击汉堡并关闭，我将窗口调整到600像素以上，整个导航菜单就会中断

这是jQuery代码

var nav = $('#menu > ul > li');
nav.find('li').hide();
nav.click(function () {
    nav.not(this).find('li').hide();
    $(this).find('li').slideToggle();
});

function openNav() {
    document.getElementById("open").style.display = "none";
    document.getElementById("close").style.display = "block";
    $('#menu ul').slideToggle();
}

function closeNav() {
    document.getElementById("open").style.display = "block";
    document.getElementById("close").style.display = "none";
    $('#menu ul').slideToggle();
}

$(function () {
nav.mouseleave(function () {
    $(this).find("li").slideUp();
    });
}); 

你可以在这里看到它的作用

---

此脚本侦听屏幕大小，并为大于或小于600px的屏幕进行正确设置

将此代码添加到jQuery代码中：

$（窗口）.on（'resize load'，function（）{
var win=$（此）；
if（win.width（）此脚本将侦听屏幕大小，并对大于或小于600px的屏幕进行正确设置

将此代码添加到jQuery代码中：

$（窗口）.on（'resize load'，function（）{
var win=$（此）；
if（win.width（）