Javascript 单击“不打开”面板内容

你好，所以我试图使显示隐藏按钮，但它似乎不工作的某些原因。我不确定是什么问题，所以请帮我解决

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

button.accordion{
背景色：#a5d424；
颜色：#444；
光标：指针；
填充：10px；
宽度：100%；
边界：无；
文本对齐：左对齐；
大纲：无；
字体系列：“漫画无MS”，草书，无衬线；
字体大小：16px；
过渡：0.4s；
}
按钮。手风琴。激活，按钮。手风琴：悬停{
背景色：#2d4005；
颜色：#7FFF00；
}
按钮。手风琴：之后{
内容：'\25BC'；/*02795*/
字号：18px；
颜色：#777；
浮动：对；
左边距：5px；
}
按钮。手风琴。激活：之后{
内容：“\25B2”/*02796*/
颜色：#7FFF00；
}
分区小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出：隐藏；
过渡：0.6s缓进缓出；
不透明度：0；
}
div.panel.show{
不透明度：1；
最大高度：500px；
}

试验
按钮查看面板。
试验

您忘记关闭HTML代码中的

按钮。它应该是
按钮以查看面板

顺便说一下，我看到您在HTML中导入jQuery，但在JS代码中使用vanilla JS进行DOM操作。这不是一个真正的问题，但DOM操作是jQuery的优点之一，因此您可以再次检查是否确实需要此插件，或者干脆将其删除。
您的html结构中有一个错误。您尚未关闭“按钮”标签。将
更改为
，一切都会正常
 您需要添加正确的HTML。在当前代码中，您只需添加和删除有效的类。你能纠正html吗