Javascript 导航切换功能不正常

我有这样的代码，点击这个银色块应该切换导航栏。它会触发一次，并且不会在第二次尝试切换导航栏。我假设这段代码有一些小错误，我找不到什么

这是代码

函数toggleNav（）{
var navStatus=true；
如果（navStatus==true）{
document.getElementById（“closenav”）.style.left=“-300px”；
导航状态=假；
}否则如果（navStatus==false）{
document.getElementById（“closenav”）.style.left=“0px”；
导航状态=真；
}
}

nav{
位置：固定；
顶部：0px；
左：0px；
底部：0px；
宽度：300px；
背景色：#272727；
过渡：所有输入输出均为200ms；
}
导航部{
位置：固定；
顶部：40px；
左：40px；
宽度：60px；
高度：60px；
背景颜色：银色；
}

---

您需要在

toggleNav（）

函数之外定义变量

var navStatus=true

，否则，您的变量

navStatus

值在每次单击时都将始终为

true

，正如在函数的第一行所述……如果

else，也只需使用
else
而不是
else


var navStatus=true；
函数toggleNav（）{
如果（navStatus==true）{
document.getElementById（“closenav”）.style.left=“-300px”；
导航状态=假；
}否则{
document.getElementById（“closenav”）.style.left=“0px”；
导航状态=真；
}
}
nav{
位置：固定；
顶部：0px；
左：0px；
底部：0px；
宽度：300px；
背景色：#272727；
过渡：所有输入输出均为200ms；
}
导航部{
位置：固定；
顶部：40px；
左：40px；
宽度：60px；
高度：60px；
背景颜色：银色；
}

我正要发布同样的内容，但没有额外的解释，所以我想你的更好的例子和清晰的问题是1