Javascript 单击时不显示弹出菜单

我在我的网站上有一个弹出菜单，但它目前没有按预期工作

这是我的演示：

有人能解释一下为什么当我点击汉堡菜单按钮时，菜单没有弹出

（功能（窗口）{
"严格使用",；
函数classReg（className）{
返回新的RegExp（“（^ |\\s+”+className+”（\\s+|$）”）；
}
变量hasClass、addClass、removeClass；
if（'classList'在document.documentElement中）{
hasClass=函数（元素，c）{
返回元素classList.contains（c）；
};
addClass=函数（元素，c）{
元素类列表添加（c）；
};
removeClass=函数（elem，c）{
元素类列表。删除（c）；
};
}
否则{
hasClass=函数（元素，c）{
返回classReg（c）.test（elem.className）；
};
addClass=函数（元素，c）{
如果（！hasClass（elem，c））{
elem.className=elem.className+''+c；
}
};
removeClass=函数（elem，c）{
elem.className=elem.className.replace（classReg（c），“”）；
};
}
函数切换类（elem，c）{
var fn=hasClass（elem，c）？removeClass:addClass；
fn（elem，c）；
}
风险等级={
//全名
hasClass:hasClass，
addClass:addClass，
removeClass:removeClass，
toggleClass:toggleClass，
//简称
has:hasClass，
add:addClass，
remove:removeClass，
切换：切换类
};
//运输
if（typeof define==='function'&&define.amd）{
//AMD
定义（分类）；
}否则{
//浏览器全局
window.classie=classie；
}
})（窗口）；
/*切换菜单*/
（功能（）{
"严格使用",；
var-toggleX=document.querySelector（'.toggle-x'）；
var classActive='active'；
var innerDiv=document.createElement（'div'）；
innerDiv.className='切换图标行'；
toggleX.appendChild（innerDiv）；
toggleX.addEventListener（'click'，onClickHandler）；
函数onClickHandler（evt）{
（this.classList.contains（classActive）==true）？this.classList.remove（classActive）：this.classList.add（classActive）；
if（$（'body'）.hasClass（'show-menu'））{
切换菜单（）；
}
$（文档）.keyup（函数（e）{
如果（e.keyCode==27）{//转义键映射到keyCode`27`
切换菜单（）；
}
});
var bodyEl=document.body，
content=document.querySelector（'.content wrap'），
openbtn=document.getElementsByClassName（'toggle-x'），
closebtn=document.getElementsByClassName（'toggle-x'），
isOpen=假；
函数init（）{
initEvents（）；
}
函数initEvents（）{
openbtn.addEventListener（'单击'，切换菜单）；
如果（关闭BTN）{
closebtn.addEventListener（'单击'，切换菜单）；
}
//如果目标元素不是菜单元素或其子元素之一，请关闭菜单元素。。
content.addEventListener（'click'，函数（ev）{
var目标=ev目标；
if（isOpen&&target！==openbtn）{
切换菜单（）；
}
} );
}
函数切换菜单（）{
if（等参线）{
类别移除（bodyEl，“显示菜单”）；
}
否则{
添加（bodyEl，“显示菜单”）；
}
等参=！等参；
}
init（）；
}
})();
/*！normalize.css v3.0.2 | MIT License | git.io/normalize*/html{font family:sans serif；-ms text size adjust:100%；-webkit text size adjust:100%}body{margin:0}article，aside，details，figcaption，figcaption，figure，footer，header，hgroup，hgroup，main，menu，nav，section，summary，summary{显示：block}音频，画布，进度，视频{显示：内联块；垂直对齐：基线}音频：not([控件]{display:none；height:0}[hidden]，template{display:none}a{background color:transparent}a:active，a:hover{outline:0}abbr[title]{border bottom:1px doubleted}b，strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em；margin:0.67em 0}mark{background background:ff0；color:35000}small-font-size:80%}{字体大小：75%；线条高度：0；位置：相对；垂直对齐：基线}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not（：root）{overflow:hidden}图形{边距：1em 40px}hr{框大小：内容框；高度：0}预溢出：自动}代码，kbd，pre samp{字体系列：单空格，单空格；字体大小：textm按钮，输入，选择，OPTG{color:inherit；font:inherit；margin:0}按钮{溢出：可见}按钮，选择{文本转换：无}按钮，html输入[type=“button”]，输入[type=“reset”]，输入[type=“submit”]{-webkit外观：按钮；光标：指针}按钮[disabled]，html输入[disabled]{光标：默认}按钮：：-moz焦点内部，输入：-moz焦点内部{边框：0；填充：0}输入{行高：正常}输入[type=“checkbox”]，输入[type=“radio”]{框大小：边框框；填充：0}输入[type=“number”]：：-webkit内部旋转按钮，输入[type=“number”]：：-webkit外部旋转按钮{高度：自动}输入[type=“search”]{-webkit外观：文本字段；框大小：内容框}输入[type=“search”]：-webkit搜索取消按钮，输入[type=“search”]：：-webkit搜索装饰{-webkit外观：无}字段集{边框：1px实心#c0c0c0c0；边距：02px；填充：0.35em 0.625em 0.75em}图例{边框：0；填充：0}文本区域{溢出：自动}optgroup{字体重量：粗体}表格{边框折叠：折叠；边框间距：0}td，th{填充：0}html{框大小：边框框}，*：大小调整前，*：大小调整后：{{文本对齐：居中；背景：rgba（0,0,0,0）；填充：0；边距：0；字体大小：0}
.toggle{position:relative；overflow:hidden；display:inline block；margin:0；padding:0；width:48px；height:48px；border radius:50%；cursor:pointer；-webkit tap highlight color:rgba（0,0,0,0）；transition:nd 0.3s}。toggle:focus{outline:none}。toggle.切换图标行{位置：绝对；顶部：23px；左侧：12px；右侧：12px；高度：2px；背景：白色}.toggle.toggle图标行：：before.toggle.toggle图标行：：after{content:''；position:绝对；display:block；height:2px；background color:白色；left:0；width:100%}.toggle.toggle图标行：：before{top:-9px}.toggle.toggle图标行：：before{bottom bottom-9px}.toggle-x{background color:#00b4ff}.toggle-x:hover{background background color:#.toggle-x.toggle图标行{transition:background 0s linear 0.3s}.toggle-x.toggle图标行：：在{transition属性：top，-webkit transform；transition属性：top，transform}.toggle-x.toggle-
openbtn.addEventListener( 'click', toggleMenu );

document.getElementsByClassName( 'toggle-x' )

if (openbtn.length > 0) { openbtn[0].addEventListener( 'click', toggleMenu ); }