Javascript CSS手风琴菜单按钮

希望能在这里找到一些帮助，因为我是网页设计新手。 只是想知道为什么我的手风琴按钮坏了？ 在.container内单击时，它应该运行我的动画并显示我的

。 现在动画工作了，但我似乎无法操纵CSS并将

display:block

更改为

display:none

.container{
显示：内联块；
光标：指针；
}
.bar1，
.bar2，
.bar3{
宽度：35px；
高度：5px；
背景色：#000000；
利润率：6px0；
过渡：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
-莫兹变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
}
.找零{
不透明度：0；
}
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
-moz变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
}
.链接{
浮动：左；
左边距：15%；
显示：无；
}

函数myFunction（x）{
x、 切换（“更改”）；
}
var acc=document.getElementsByClassName（“容器”）；
acc.onclick=函数（）{
var panel=getElementsByClassName（“链接”）；
如果（panel.style.display==“块”）{
panel.style.display=“无”；
}否则{
panel.style.display=“块”；
}
}

我发现jQuery要容易得多

希望能有帮助

$（'.container'）。单击（函数（）{
变量面板=$（“#链接”）；
if（panel.css（'display'）=“block”）{
css（'display'，'none'）；
}否则{
css（'display'，'block'）；
}
})

.container{
显示：内联块；
光标：指针；
}
.bar1，
.bar2，
.bar3{
宽度：35px；
高度：5px；
背景色：#000000；
利润率：6px0；
过渡：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
-莫兹变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
}
.找零{
不透明度：0；
}
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
-moz变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
}
.链接{
浮动：左；
左边距：15%；
显示：无；
}

函数myFunction（x）{
x、 切换（“更改”）；
}

这可能会有帮助

.container{
显示：内联块；
光标：指针；
}
.bar1，
.bar2，
.bar3{
宽度：35px；
高度：5px；
背景色：#000000；
利润率：6px0；
过渡：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
-莫兹变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
}
.找零{
不透明度：0；
}
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
-moz变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
}
.链接{
浮动：左；
左边距：15%；
显示：无；
}

var acc=document.getElementsByClassName（“容器”）；
函数myFunction（x）{
x、 切换（“更改”）；
var panel=document.getElementById（“链接”）；
console.log（panel.style.display）；
如果（panel.style.display==“块”）{
panel.style.display=“无”；
}否则{
panel.style.display=“块”；
}
}