如何使用嵌套JavaScript手风琴在加载时折叠所有内容

我用JavaScript创建了一个嵌套的手风琴。加载时，两个父手风琴关闭，但嵌套手风琴全部打开，箭头指向错误的方向。如何使所有嵌套的手风琴也关闭

代码如下：

这是手风琴密码

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    /* Toggle between adding and removing the "active" class,
    to highlight the button that controls the panel */
    this.classList.toggle("active");

    /* Toggle between hiding and showing the active panel */
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  }
}

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

在html中，嵌套手风琴的同级

没有类

面板

类

面板的css具有
显示：无

基本上，将类
面板
添加到嵌套手风琴
的
同级中，或者给那些
div
显示：无默认情况下