Growables

Growables are expandable and collapsible containers for content. The example below would make three growables. There are also two attributes you can use: "grown" and "teaser." Here is the code for a growable container, as it would appear in the Body editing box:

[growable title="Growable Title"]

Growable content goes here.

[/growable]

[growable title="Another Growable Title" grown="yes"]

Adding grown="yes" within the opening tag makes a growable open automatically when the page loads.

[/growable]

[growable title="Third Growable Title" teaser="yes"]

"Teaser" gives users a preview of the first few lines of the growable content. The third growables content goes here.

[/growable]

The growables will appear in the following format:

Growable.jpeg

Accordions

We also include another shortcode that is almost identical with growables, it is called the accordion short code. The main difference with the accordion short code is that you can only have one section of your content open at one time. If you click another portion of your content, what you were just viewing is collapsed and what you clicked is expanded. Where as with growables this doesn't happen, you can have all your content exposed at once and a section of your content will always be exposed. The accordion can never be fully collapsed, where as with a growable it can. Below is an example of the accordion short code:

GrowableTitle Number 1

Growable content goes here.

GrowableTitle Number 2

Growable content goes here.

GrowableTitle Number 3

Growable content goes here.

GrowableTitle Number 4

Growable content goes here.