Jquery w3侧边栏汉堡开关

我从以下位置实现w3侧栏：

代码使用“汉堡包”打开侧菜单，使用“关闭X”菜单项再次关闭侧菜单

我想使用相同的“汉堡包”图标来切换打开和关闭操作。所以汉堡包总是可见的，我补充道：

.w3-sidebar {
  margin-top: 42px;
}

代码是：

函数w3\u open（）{
document.getElementById（“mySidebar”）.style.display=“block”；
}
函数w3_close（）{
document.getElementById（“mySidebar”）.style.display=“无”；
}

W3.CSS
关闭&次；
☰
我的页面
默认情况下，此侧边栏是隐藏的，（style=“display:none”）

你必须点击“汉堡包”图标（左上角）打开它

侧边栏将隐藏页面内容的一部分

简单。更改：

<button class="w3-button w3-teal w3-xlarge" onclick="w3_open()">☰</button>

<button class="w3-button w3-teal w3-xlarge" onclick="w3_toggle()">☰</button>

   function w3_toggle() {
        if (document.getElementById("topMenu").style.display == "none") {
            document.getElementById("topMenu").style.display = "block";
        } else { 
            document.getElementById("topMenu").style.display = "none";
        }
    }