如何使下拉切换与Javascript一起工作？

我目前正在为我的第一个侧边栏编写子菜单切换功能。我试着使用W3Tut，但我就是无法让它运行。当我单击侧边栏中的按钮时，子菜单将不会出现

这里的控制台告诉我“toogle”是未定义的。我猜javascript代码有问题

事先非常感谢您的帮助

//*循环浏览所有下拉按钮，在隐藏和显示其下拉内容之间切换-这允许用户拥有多个下拉列表，而不会产生任何冲突*/
var dropdown=document.getElementsByClassName（“按钮”）；
var i；
对于（i=0；i

html，body，div，span，object，iframe，
h1、h2、h3、h4、h5、h6、p、块报价、预，
缩写、地址、引用、代码，
del、dfn、em、img、ins、kbd、q、samp、，
小、强、次、辅助、变量，
b、 我,，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、插图、人物、，
页脚、页眉、H组、菜单、导航、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
身体{
线高：1；
}
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
导航ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
a{
保证金：0；
填充：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
/*根据需要改变颜色*/
ins{
背景色：#ff9；
颜色：#000；
文字装饰：无；
}
/*根据需要改变颜色*/
标记{
背景色：#ff9；
颜色：#000；
字体：斜体；
字体大小：粗体；
}
德尔{
文字装饰：线条贯通；
}
缩写[标题]，dfn[标题]{
边框底部：1个点；
光标：帮助；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*更改边框颜色以满足您的需要*/
人力资源{
显示：块；
高度：1px；
边界：0；
边框顶部：1px实心#中交；
利润率：1米0；
填充：0；
}
输入，选择{
垂直对齐：中间对齐；
}
/************************************主代码*********************************************/
/*登录页*/
身体{
背景图像：image（）；
}
img{
宽度：100%；
}
.标题{
位置：相对位置；
文本对齐：居中；
颜色：红色；
}
dasocc先生{
文本对齐：居中；
字体大小：65px；
位置：绝对位置；
最高：50%；
左：50%；
颜色：白色；
字体系列：“瓦雷拉圆形”，无衬线；
转换：翻译（-50%，-50%）；
}
身体{
溢出x：隐藏；
字体系列：“Roboto”，无衬线；
字体大小：16px；
}
/*仪表板*/
/*切换样式*/
#视区{
左侧填充：250px；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#内容{
宽度：100%；
位置：相对位置；
右边距：0；
}
/*边栏样式*/
#边栏{
z指数：1000；
位置：固定；
左：250px；
宽度：180px；
身高：100%；
左边距：-250px；
溢出y：自动；
背景#5BB281；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#边栏标题{
背景色：#5BB281；
字体大小：35px；
字体系列：roboto；无衬线；
字体大小：粗体；
线高：52px；
文本对齐：居中；
边缘底部：50px；
}
#边栏标题a{
颜色：#fff；
显示：块；
文字装饰：无；
}
#侧边栏标题a：悬停{
颜色：#FFF；
}
#侧边栏，导航a{
背景：无；
颜色：#FFF；
字体大小：14px；
左侧填充：25px；
填充顶部：10px；
文字装饰：无；
z指数：-1；
}
#侧栏导航img{
高度：11px；
宽度：11px；
右边填充：10px；
左侧填充：10px；
}
#侧边栏，李导航{
填充顶部：10px；
}
#侧栏。导航a：悬停{
背景：无；
颜色：#8A0094；
}
#潜艇队{
字体大小：10px；
字体系列：roboto；无衬线；
左侧填充：50px；
}
#底基层{
显示：无
}
.按钮{
填充：6px 8px 6px 16px；
文字装饰：无；
颜色：#FFF；
字体大小：15px；
显示：块；
边界：无；
背景：无；
宽度：100%；
文本对齐：左对齐；
光标：指针；
大纲：无；
左侧填充：15px；
}
.按钮：悬停{
颜色：#8A0094；
}

达索克

1.德甲

拜仁慕尼黑足球俱乐部


多特蒙德


勒沃库森


莱比锡红牛


沃尔夫斯堡


弗雷堡


法蘭克福


格拉德巴赫


沙尔克04足球俱乐部


霍芬海姆


1.柏林联盟足球俱乐部


杜塞尔多夫酒店


云达不来梅


1.科伦足球俱乐部


帕德博恩


奥格斯堡


柏林赫塔


英超联赛