javascript - 移动菜单切换按钮不关闭

Question

我的 javascript 代码在切换移动菜单的打开和关闭时遇到了一些问题。以下代码适用于打开菜单 = style.height: 200px，但是一旦打开菜单，单击按钮不会按预期关闭菜单栏 (style.height: 0)。

任何人也有一些指示，我的代码哪里出错了？

document.getElementById("hamburger").addEventListener("click", toggleNav);

function toggleNav(){
    navSize = document.getElementById("mobilemenu").style.height;
    if (navSize == 200) {
        return close();
    }
    return open();
}
function open() {
        document.getElementById("mobilemenu").style.height = "200px";
}
function close() {
         document.getElementById("mobilemenu").style.height = "0";
}

<div class="menubutton">
  <button id="hamburger" class="hamburger hamburger--collapse" type="button" onclick="toggleNav()">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
    </span>
  </button>
</div>

标签： javascripthtmlcss

Answer 1

您正在测试中的错误值toggleNav()

利用if (navSize == "200px")