Javascript 移动菜单切换按钮未关闭

Javascript 移动菜单切换按钮未关闭,javascript,html,css,Javascript,Html,Css,我的javascript代码在切换移动菜单的打开和关闭时出现了一些问题。下面的代码用于打开菜单=style.height:200px,但一旦菜单打开,单击按钮不会按预期关闭菜单栏style.height:0 有没有人能告诉我我的代码哪里出了问题 document.getElementByIdhamburger.addEventListenerclick,toggleNav; toggleNav函数{ navSize=document.getElementByIdMobileNu.style.h

我的javascript代码在切换移动菜单的打开和关闭时出现了一些问题。下面的代码用于打开菜单=style.height:200px,但一旦菜单打开,单击按钮不会按预期关闭菜单栏style.height:0

有没有人能告诉我我的代码哪里出了问题

document.getElementByIdhamburger.addEventListenerclick,toggleNav; toggleNav函数{ navSize=document.getElementByIdMobileNu.style.height; 如果navSize==200{ 返回关闭; } 返回打开; } 功能开放{ document.getElementByIdmobilemenu.style.height=200px; } 功能关闭{ document.getElementByIDMobileNu.style.height=0; }
这是故障代码:

    if (navSize == 200) {
      return close();
    }
    return open();
navSize大约是200px,而不是200
由于if语句始终为false,因此它只运行open

这是错误代码:

    if (navSize == 200) {
      return close();
    }
    return open();
navSize大约是200px,而不是200
由于if语句始终为false,因此它只运行open

,您正在测试toggleNav中的错误值


如果要在toggleNav中测试错误的值,请使用navSize==200px


如果navSize==200px,则使用。您只需使用classList.toggle即可

document.getElementByIdhamburger.addEventListenerclick,函数e{ e、 防止违约; document.getElementByIdmobilemenu.classList.toggle'show'; }; menubutton先生{ 位置:固定; 顶部:10px; 左:10px; z指数:999; } 机动部队{ 位置:固定; 排名:0; 左:0; 底部:0; 宽度:200px; 转化:translateX-100%; 右边框:1px实心ccc; 背景色:eee; 转变:转变。3s轻松; } 巡回演出{ transform:translateX0; } 点击
您只需使用classList.toggle即可完成此操作

document.getElementByIdhamburger.addEventListenerclick,函数e{ e、 防止违约; document.getElementByIdmobilemenu.classList.toggle'show'; }; menubutton先生{ 位置:固定; 顶部:10px; 左:10px; z指数:999; } 机动部队{ 位置:固定; 排名:0; 左:0; 底部:0; 宽度:200px; 转化:translateX-100%; 右边框:1px实心ccc; 背景色:eee; 转变:转变。3s轻松; } 巡回演出{ transform:translateX0; } 点击
是否可以添加缺少的html以正确运行?是否可以添加缺少的html以正确运行?