Fomantic-ui: [Accordion] - Nested Accordion content not stay open

[ibelar]

Bug Report

[Accordion] Nested Accordion section does not stay open.

Steps to reproduce

1. Create Accordion with nested content.
2. Try opening a nested section, say Level1A.

Expected result

Nested section Level 1a should stay open.

Actual result

The nested section is automatically closed.

Testcase

https://jsfiddle.net/ibelar/29aywdb3/

Screenshot (when possible)

Version

2.6.4

[lubber-de]

You have to define the parent accordion only instead of all nested.
Simply select .ui.accordion instead of .accordion

$(".ui.accordion").accordion();

https://jsfiddle.net/tmdbh6k5/

[ibelar]

Thanks.
Would be nice to have this documented somewhere. Unless I have missed it, I did not see how to properly set nested Accordion in documentation.

[hammy2899]

@ibelar I just checked and it doesn't seem to be in the docs, I will add it for the next release.

[etshy]

Maybe it's not explicit, but there is something in examples

[hammy2899]

@etshy Yeah I will be adding a snippet of JavaScript to show how that example is initialized.

[h0lg]

I experience a variance of this behavior in fomantic v2.8.4 with an accordion nested in a card nested in an accordion.
You can verify it in this fiddle by trying to open the accordion called _look, there's more_ at the bottom of the card in top level accordion _Level 1B_.

Do you reopen bugs or should I open a new one?

Edit: You want to know something funny?
In above scenario, removing the css class _ui_ from the nested accordion actually _fixes_ it.
Compare with this fiddle.

[lubber-de]

In above scenario, removing the css class ui from the nested accordion actually fixes it.

Yes, that's the way it's meant to be. The very parent accordion takes care of all nested ones, so the selector in your fiddle would initiate the accordion in the card twice.
So, whenever working with accordions, make sure to select only the very parent one to be instantiated via .accordion

[h0lg]

@lubber-de I see, thanks! I overlooked this example that should have made that clear. I'll remind myself to RTFM