Javascript if函数

我真的不知道如何处理这个if语句。我想在单击时打开侧菜单，然后在再次单击时关闭它。这是我打开和关闭的代码：

<script>

    /* Set the width of the side navigation to 250px */
function openNav() {
    document.getElementById("mySidenav").style.width = "250px";
}

/* Set the width of the side navigation to 0 */
function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}

</script>

非常感谢您的帮助。

您可以这样调用内联javascript函数：

<ul>
  <li><a href="javascript:openNav();" id=""  >Menu</a></li>
</ul>

---

您好，我可以在您的jquery代码中看到一个小问题。 单击某个图元时，应首先使用删除默认值。 e、 防止违约

代码变为

$(document).ready(function(){
    $("#up").click(function(e){
e.preventDefault();
        $("#mySidenav").toggle();

这项工作：

$document.readyfunction{ $up.clickfunction{ e、 防止违约； $mySidenav.toggle }; }; mySideNav{ 溢出：隐藏； } 我的侧导航

---

切换，而不是创建关闭和打开导航的两个功能。您可以使用CSS切换类和处理显示/隐藏。 通过这种方式，您将提高页面性能，并用CSS而不是JS处理所有内容

var btn=document.querySelector'button'； var nav=document.querySelector'nav'； btn.addEventListener'click'，toggleNav； toggleNav函数{ 导航类列表。切换“打开”； } 导航{ 背景颜色：钢蓝色； 颜色：fff； 显示：内联块； 填充物：5px； 边界半径：4px； 转化：translateX-1000%； 过渡：所有0.7秒； } 导航开放{ transform:translateX0； } 这是你的导航 显示/隐藏导航

---

在openNav中，将绑定单击功能更改为closeNav。在closeNav中，将绑定单击功能更改为openNav。这意味着在Nav更改时保持绑定函数的更改

你能用你尝试过的创建一个小提琴或代码片段吗？我们猜不出你的html结构能提供更好的解决方案我尝试过切换，但没有成功。我认为没有必要把它加到小提琴上。我相信所有需要的html都在这里。我需要确认你已经在你的页面中包含了jquery库文件。=>@Filip5在第一次尝试中，你将sideNav宽度设置为0，在第二次尝试使用切换来切换显示属性-你不清楚这就是我问的原因-显然你没有给出所有的html，事实上，任何与sideNavI相关的操作都必须添加原始脚本：/*将侧导航的宽度设置为250px/函数openNav{document.getElementByIdmySidenav.style.width=250px；}/现在将侧导航的宽度设置为0*/函数closeNav{document.getElementByIdmySidenav.style.width=0；}，我只需要解决过渡问题。

<ul>
  <li><a href="javascript:openNav();" id=""  >Menu</a></li>
</ul>

$(document).ready(function(){
    $("#up").click(function(e){
e.preventDefault();
        $("#mySidenav").toggle();