入れ子になったJavaScriptアコーディオンを使用してすべてを折りたたむ方法

Question

JavaScriptを使用してネストされたアコーディオンを作成しました。ロード時には、2つの親アコーディオンは閉じられていますが、ネストされたアコーディオンはすべて、矢印が間違った方向を指して開いています。どうやってネストされたアコーディオンも閉じられるようにするのですか？ここ

コードです： 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;

基本的には、ネストされたアコーディオン<button>の<div>兄弟にクラスpanelを追加するか、デフォルトでdivをdisplay: none;と指定します。