You can nest tabs or accordions by giving the nested tab set extra names/ids.

To create nested sets, give the tabs/accordion of the nested set an extra name or id, like:


Don't forget to close each set with a closing tag using the same extra id (in these examples: {/tabs-whatever} and {/accordions-whatever}). If you don't close every set, you will get unwanted results.

If you want to nest an accordion set inside a tab, you do not need to add the extra id.
And in the same way, if you want to nest a tab set inside an accordion, you can simply use the normal tags.

Below is an example using nested tabs. But you can do the same with nested accordions, using the {accordion-...} tags.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Example Tab 1

Aenean commodo ligula eget dolor. Aenean massa.

Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Example Tab 1.1

Example Tab 1.1.1

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.