關閉頁面加載時的所有手風琴部分

我正在使用JQuery手風琴，我想隱藏頁面加載中的所有部分。只有當用戶點擊該部分應該打開的標題時。任何一個可以幫助我..關閉頁面加載時的所有手風琴部分

$（文件）。就緒（函數（）{

$('.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;

}）;

幫助..謝謝

來源

2014-01-20 ECo RamOs Javier

複製到這個[谷歌好痛???] [首先檢查它] [1] [1]：http://stackoverflow.com/questions/6575610/jquery-accordion-collapsed-by-default-on-page-load – ITConflux

-1

嘗試使用.collapse('hide')方法：

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

    // Rest of the code here 

});

來源

2014-01-20 09:06:06 Felix

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>

來源

2018-02-02 10:25:49

關閉頁面加載時的所有手風琴部分

回答

相關問題