Multiple accordions collapse each other

[dmbaughman]

When multiple accordion-type collapse groups are on a page, expanding a new item in one group collapses the open item in the other accordion.

The example below shows two collapse groups with unique IDs on the parents and unique IDs on each section. Clicking on a collapsed section on either group will close the open section on the opposite group.

http://codepen.io/dmbaughman/pen/xRKrwN

Version, OS, Browser details:

• Bootstrap v4.0.0-alpha.5 (via maxcdn.bootstrapcdn.com)
• MacOS Sierra 10.12.1
• Replicated behavior on:
  • Chrome 54.0.2840.71
  • Firefox 48.0.2
  • Safari 10.0.1

[bkdotcom]

you reuse the ids headingOne, headingTwo, & headingThree

[dmbaughman]

@bkdotcom Thanks for catching that, I fixed those duplicates. The bug still persists as described.

[Johann-S]

Will be fixe in the next release, see : #18847

[dmbaughman]

@Johann-S thanks, I figured this had already been discovered but couldn't find the existing issue.

[Johann-S]

You're welcome @dmbaughman 😉