Inconsistent behavior after using collapse('show') on Accordion

[davidtgq]

http://codepen.io/anon/pen/zoNyvO?editors=1010#0

To reproduce the problem:

1. Open Item #2. It automatically collapses Item #1.
2. Open Item #1 again. Item #2 does not automatically collapse.

The above steps can be also reproduced substituting Item 3 in lieu of Item 2 to demonstrate the same problem where Item 3 stays open.

The problem does not exhibit when:

• using .in instead of collapse('show')

• collapse('show') is removed such that the page loads with all items collapsed

[bardiharborow]

Confirmed in Chrome 55 and Firefox 51.0a2. Issue is reproducible on v4-dev by going to the collapse docs page and running $('#collapseOne').collapse('show'); in the console before interacting with it.

[bardiharborow]

After debugging with DevTools, it appears that this.config._parent is "" (the value from Default.parent) if the collapse creation is triggered by$('#collapseOne').collapse('show'); whereas it refers to the #accordion if the collapse creation is triggered by the click handler. This causes the test at js/src/collapse.js#L123 to fail and Item #2 to not be hidden.

[Johann-S]

I found the same things as @bardiharborow and I'm not sure if we should add a search of a possible parent if no one provided

[pvdlg]

The problem is due to unclear documentation. The data-parent has to be set on the collapsible area and not on the trigger. No need to modify the JS code.

Doc fixed here: #21726

[davidtgq]

Thanks. Here is the fixed code pen: http://codepen.io/anon/pen/YNGNqv?editors=1010#0