为什么手风琴在这种情况下不起作用

Question

我尝试使用HTML、CSS和JavaScript制作手风琴。HTML和CSS运行良好，但javaScript实现不起作用。有人能帮我吗？

文件在这里：https://drive.google.com/drive/folders/1nzEyyU_4QA4x_qh1QE_rz3V3DD_r7PAv?usp=sharing

我无法添加代码片段，因为堆栈溢出不允许我提交问题。

Answer 1

这里有一个工作脚本。将其替换为javascript。

我在Codepen上做的工作示例：https://codepen.io/9to5disappear/pen/jOYBJJp

Javascript：

'use strict'
let label = document.getElementsByClassName('label');
let content = label.nextElementSibling;

const elements = document.querySelectorAll('.content');
Array.from(elements).forEach((element, index) => {
element.parentElement.addEventListener('click', () => {
element.classList.toggle('content-visible');
})   
});