Search code examples
javascriptjquerycsstwitter-bootstrapbootstrap-accordion

bootstrap accordion collapsing issue

I have tabs menu bottom of the page (footer) which is set to as accordion on responsive (<768px) but it works broken if you try to click accordion links and that's why I want to expanded false on default all accordion must be false. and I'm using tabCollapse plugin and it makes my tab menu to accordion on responsive with this code

JS

  $('.footer-tabs-to-accordion').tabCollapse();

I tried every way on css and jquery but I couldn't achieve because of I'm new in web design and keen on

Solution

  • You need to add the class .collapsed to the <a> that is using the .accordian-toggle class in your HTML. Something like this:

    <a class="accordion-toggle collapsed" data-toggle="collapse">Popüler Oteller</a>