如何使用嵌套的JavaScript手风琴

Question

我已经创建了JavaScript的嵌套手风琴折叠所有负载。负载两个上级手风琴被关闭，但嵌套手风琴都是用指错了方向箭头打开。我如何使它所以所有嵌套的手风琴也将被关闭？

这里是代码：https://jsfiddle.net/mike4323/spfqf1t5/

这是在你的HTML手风琴代码

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"; 
    } 
    } 
} 

Answer 1

，嵌套手风琴<button>的<div>兄弟姐妹没有类panel

的CSS为panel类有display: none;

基本上，类panel添加到嵌套手风琴<button>的<div>兄弟姐妹或给那些div是个display: none;默认。