Multiple collapsible Accordions won't work together

[dittodhole]

Please see fiddle: ​http://jsfiddle.net/dittodhole/3j9r4/

Basically I have multiple collapsible Accordions on one page. If I open (click) one, it gets rendered "under" (z-index) the next Accordion.

[dittodhole]

updated example fiddle to new h3-tags: ​http://jsfiddle.net/dittodhole/3j9r4/1/ (still not working as expected)

[dittodhole]

see example (​http://jsfiddle.net/dittodhole/3j9r4/2/) for working example with 1.8.4

[Scott González]

An actually reduced test case: ​http://jsfiddle.net/3j9r4/3/

[maciejmrozinski]

even more reduced test case: ​http://jsfiddle.net/3j9r4/4/ Two accordion it's not the case here. Accordion doesn't recalculate it's height after collapsing or expanding. When we expand it, the main accordion div have the same height as before expanding and this is resulting in not pushing text down. If we remove height style on main accordion div, all positioning becomes valid.

Do we need to set height property on the accordion? We didn't do that in 1.8 and i think it's not necessary for accordion to work well.

This is my pull request that resolves the problem by eliminating operations on accordion height property: ​https://github.com/jquery/jquery-ui/pull/785

[Maciej Mroziński]

Accordion: Remove code that sets accordion height. Fixed #8696 - Multiple collapsible Accordions won't work together.

Changeset: f4b3cd527116b25d4d6f44c2df0f2c472b961e6a