모두 닫습니다. 페이지로드시 Accordion Section

Question

JQuery Accordian을 사용 중이므로 페이지로드시 모든 섹션을 숨기려고합니다. 사용자가 섹션을 열어야하는 헤더를 클릭 할 때만. 하나는 ..

$ (문서) .ready (() 함수를 {

$('.accordion-header').toggleClass('inactive-header'); 

var contentwidth = $('.accordion-header').width(); 
$('.accordion-content').css({'width' : contentwidth }); 


$('.accordion-header').first().toggleClass('active-header').toggleClass('inactive-header'); 
$('.accordion-content').first().slideDown().toggleClass('open-content'); 


$('.accordion-header').click(function() { 
    if($(this).is('.inactive-header')) { 
     $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content'); 
     $(this).toggleClass('active-header').toggleClass('inactive-header'); 
     $(this).next().slideToggle().toggleClass('open-content'); 
    } 

    else { 
     $(this).toggleClass('active-header').toggleClass('inactive-header'); 
     $(this).next().slideToggle().toggleClass('open-content'); 
    } 
}); 

return false; 

}) 나를 도울 수있다; 사용

도움이 .. 감사합니다

Answer 1

시도 .collapse('hide') 방법 :

$(document).ready(function() { 
    $('#yourAccordionId').collapse("hide"); 

    // Rest of the code here 

}); 

Answer 2

Add this to your jQuery 
 
    **jQuery('.panel-collapse').removeClass("in");** 
 
    This will close the accordion on page load

 
`<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> 
 
    <div class="panel-body"> \t \t \t 
 
     <div class="textwidget"> 
 
     <ul> 
 
      <li>1</li> 
 
      <li>2</li> 
 
     </ul> 
 
     </div> 
 
</div>