Css 如何获得响应视图的离页菜单来工作？

我似乎无法让菜单正常工作。我需要它在点击前离开页面，然后在点击后进入视图

目前，我已将菜单设置为200px offpage，但我似乎无法在单击时将其显示出来

---

我的网站位于

，我想试试下面的Javascript：

document.getElementById("nav-button").addEventListener("click", function(){
    if (document.getElementById("main-nav").style.right == undefined){  
        document.getElementById("main-nav").style.right = "200px";
    }
    else{
        document.getElementById("main-nav").style.right = "0px";
    }
});

---

哎呀，让我快速编辑代码，在if条件下需要double==而不是single。另外，您可能需要在X按钮上安装第二个事件侦听器来正确关闭它，或者将此信息设置为一个函数，并在两个按钮上单击一次。我不熟悉这一点，您能告诉我要放置什么代码吗？请使用上面编辑的代码，并告诉我这是否有效