Skip to main content
2 of 5
added 52 characters in body
Carol Skelly
  • 364.1k
  • 92
  • 741
  • 651

Bootstrap 4

https://www.codeply.com/go/NilPIQD9oi

/* set eq(0) to the index of the default collapsible */ $('.collapse').on('hidden.bs.collapse', function () { $('.collapse').eq(0).collapse('show'); }) 

Bootstrap 3

https://www.codeply.com/go/yLw944BrgA

<div class="accordion" id="myAccordion"> <div class="panel"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button> <div id="collapsible-1" class="collapse"> .. </div> </div> <div class="panel"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button> <div id="collapsible-2" class="collapse"> .. </div> </div> <div class="panel"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-3" data-parent="#myAccordion">Question 3?</button> <div id="collapsible-3" class="collapse"> ... </div> </div> </div> 

(Note: the panel class is needed in Bootstrap 3 to make the accordion behavior work)

Carol Skelly
  • 364.1k
  • 92
  • 741
  • 651