关闭页面加载时的所有手风琴部分

我正在使用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

关闭页面加载时的所有手风琴部分

回答

相关问题