중첩 된 JavaScript 아코디언을 사용하여 모두 접을 수있는 방법

Question

자바 스크립트로 중첩 된 아코디언을 만들었습니다. 로드시 두 개의 상위 아코디언이 닫히지 만 중첩 된 아코디언은 모두 잘못된 방향을 가리키는 화살표로 열립니다. 중첩 된 아코디언도 닫히도록하려면 어떻게해야합니까? 여기

코드입니다 : 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;으로 지정합니다.