You can have a different title when the tab/accordion is opened and closed using the title-opened and/or title-closed parameter.
This tab is now closed
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Syntax
You can use the title-opened or title-closed parameter to override the default title in the tag. Or use both parameters. Doesn't really matter.
The 3 tabs in below example all have the same result. So choose whatever syntax method suits you best.
Indentation in example code is just for clarity. You should not indent your tags and text.
{tab title="This tab is now closed" title-opened="This tab is now opened"}
[TEXT]
{/tabs} {tab title="This tab is now opened" title-closed="This tab is now closed"}
[TEXT]
{/tabs} {tab title-opened="This tab is now opened" title-closed="This tab is now closed"}
[TEXT]
{/tabs}
This accordion is now closed
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Syntax
You can use the title-opened or title-closed attribute to override the default title in the tag. Or use both attributes. Doesn't really matter.
The 3 accordions in below example all have the same result. So choose whatever syntax method suits you best.
Indentation in example code is just for clarity. You should not indent your tags and text.
{accordion title="This accordion is now closed" title-opened="This accordion is now opened"}
[TEXT]
{/accordions} {accordion title="This accordion is now opened" title-closed="This accordion is now closed"}
[TEXT]
{/accordions} {accordion title-opened="This accordion is now opened" title-closed="This accordion is now closed"}
[TEXT]
{/accordions} Accordion Icons PRO
By adding an icons="true" attribute to the first accordion in the set, the accordion titles will get a + or - symbol indicating the state of the accordion. This functionality is only available in the Pro version.
First Accordion
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Second Accordion
Aenean commodo ligula eget dolor. Aenean massa.
Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Syntax
Indentation in example code is just for clarity. You should not indent your tags and text.
{accordion title="First Accordion" icons="true"}
[TEXT]
{accordion title="Second Accordion"}
[TEXT]
{/accordions}