bootstrap accordion : how to collapse all at a click
Question
is there any option to collapse all the accordion when click on open or any other heading ?
for example click one the second heading all accordion should collapse. is it possible ?
1 answers
solution1
2 2013-10-03 16:38:10
Your main issue is with your accordion-toggle links.
<a class="accordion-toggle" data-toggle="collapse" data-target="#collapseOne" href="#">
Should be
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Notice the data-target is not needed it instead goes into the href but the data-parent is added. Needs to be done for all three links.
Example
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to Collapse bootstrap accordion by click check box inside it
How to expand/collapse bootstrap accordion on panel-heading click event?
Bootstrap accordion: collapse all except parent
Bootstrap Accordion Expand/Collapse All not functioning properly
Bootstrap accordion: Expand / Collapse all not working
Expand/Collapse All with a nested accordion and non-accordion item: BOOTSTRAP
How to collapse the borders in the Bootstrap 4 accordion example?
Accordion collapse, how to click open and close?
Bootstrap Accordion Collapse not working
Issue in Bootstrap Accordion Collapse
Related Tags