Using Tabs & Accordions is pretty simple and straightforward. You just place {tab} or {accordion}  tags around the text (rich content) that should show up in tabs or accordions.

You don't need to go into HTML view, you can use this right in your WYSIWYG editor.

Every block of content should be preceded by a starting {tab} or {accordion} tag, like:

{tab title="Title of the tab"}

And place a closing {/tabs} or {/accordions} tag after the last content block.

Tabs Example

A simple tab set with two tabs would look like this:

{tab title="First Tab"}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
{tab title="Second Tab"}
Aenean commodo ligula eget dolor. Aenean massa.
Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
{tab title="Third Tab"}
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.
{/tabs}

Accordions Example

While a simple accordion set with two accordions would look like this:

{accordion title="This is an accordion!"}
This text right here is placed in accordions.
{accordion title="Another slide"}
Hello :)
{accordion title="A third slide"}
Hi again!
{/accordions}

Note: Tabs will automatically convert to Accordion sets on narrow screens. You can set the breakpoint between narrow and wide screens in the settings (default is set to max 576 for narrow screens).