如何使用嵌套的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;默認。