개방 상태 기본값 첫 번째 탭 아코디언

Question

저는 실제로 잘 작동하는 아코디언을 가지고 있습니다. 사이트에서 잘 보이고 꼭 작동해야합니다. 그러나 좀 더 전문적으로 보일 수 있도록 JavaScript 기능을 추가하려고합니다.

JavaScript를 사용하여 첫 번째 아코디언 탭을 열고 싶습니다. 미리 감사드립니다.

HTML 코드

<div class="accordion"><b>Heading 1</b></div> 
<div class="panel"> 
    <p class="text-light">Text 1</p> 
</div> 
<div class="accordion"><b>Heading 2</b></div> 
<div class="panel"> 
    <p class="text-light">Text 2</p> 
</div> 

JS 코드

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

for (i = 0; i < acc.length; i++) { 
    acc[i].onclick = function() { 
    var active = document.querySelector(".accordion.active"); 
    if (active && active != this) { 
     active.classList.remove("active"); 
     active.nextElementSibling.classList.remove("show"); 
    } 
    this.classList.toggle("active"); 
    this.nextElementSibling.classList.toggle("show"); 
    } 
} 

Answer 1

나는 Jquery UI's accordion 기본적으로 열린 첫 번째 탭이 있다고 생각하고 모든 탭을 한 번에 폐쇄 가질 수 없다.

.js 파일이 active: false에 의해 재정의되는지 확인하십시오. 활성화 된 경우 : false가 삭제되거나 활성으로 변경됩니다. 0; (0은 첫 번째 탭 (0부터 시작하는 색인) 임)

활성 : false를 클릭하면 탭을 닫을 수 있도록 collapsible: true 설정이 필요합니다.