Create a nested accordion

Hello Stefan, it took me a while but finally it works.

[su_accordion]

[su_spoiler title="1st spoiler with content" open="no" style="default" icon="plus" anchor="" class=""]

1st spoiler content

[/su_spoiler]

[su_spoiler title="2nd Spoiler with accordion inside" open="no" style="default" icon="plus" anchor="" class=""]

[_su_accordion]

[_su_spoiler title="Spoiler title X" style="fancy" icon="arrow-circle-1"]

Hidden Content X

[_/su_spoiler]

[_su_spoiler title="Spoiler title Y" style="fancy" icon="arrow-circle-1"]

Hidden Content Y

[_/su_spoiler]

[_/su_accordion]

[/su_spoiler]

[su_spoiler title="3rd spoiler with content " open="no" style="default" icon="plus" anchor="" class=""]

3rd spoiler content

[/su_spoiler]

[/su_accordion]

Make sure to reactivate nested shortcodes

In case if you need to nest shortcodes with the same name more than one level deep, you can enable the deprecated nesting mode. This implementation was used in the plugin earlier, but now it is disabled by default due to complexity. Navigate to Dashboard – Shortcodes – Settings – Advanced Settings, tick the Nested shortcodes alternative mode checkbox, save changes

getshortcodes.com/docs/nested-shortcodes-shortcodes-in-attribute

All the best,
Ioannis

• This reply was modified 4 years, 10 months ago by Dozent.IS.

Hello Ioannis,

thank you very it’s working fine!

I have a last question. When i gave them nested accordion an anchor tag to link them from another page than it’s open, but the accordion outside is closed.

Exists an option to open the accordion and the nested part, when i am coming from another page link?

Thank you again.

Cheers
Stefan

Hi @creationato,

Exists an option to open the accordion and the nested part, when i am coming from another page link?

Unfortunately, it won’t work this way.