我正在做菜单。我有一个打开它的按钮，我也希望那个按钮将其关闭。我有另一个按钮来关闭它，但是那不是我想要的。谁能教育我这是怎么做的？这是我的JSBIN
这是我打开它的方式
<div class="burgerburger" onclick="openNav()">☰ open</div>
这是我正在使用的javascript
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
function closeNav() {
document.getElementById("myNav").style.width = "0%";
}
谢谢你的帮助！
应该像这样简单，但是取决于您如何确定“ navOpened”
<div class="burgerburger" onclick="toggleNav('myNav')">☰ open</div>
js
function toggleNav(selector) {
if(navOpened(selector)) {
closeNav(selector);
} else {
openNav(selector);
}
}
function navOpened(selector) {
var elWidth = document.getElementById(selector).style.width;
if(elWidth == "100%") {
return true;
} else {
return false;
}
}
function openNav(selector) {
document.getElementById(selector).style.width = "100%";
}
function closeNav(selector) {
document.getElementById(selector).style.width = "0%";
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句