Accordions

Accordions can be used to shortening the length of a page or content.

The tag of an accordion block is: [accordion][/accordion]. The [accordion] tag accepts the following parameters:

Title = "The Title to present above the accordion block"

Example:


[accordion title="Accordion block"]
[panel title="Panel title"]
  Panel description and content...
[/panel]
[/accordion]

The above shortcode renders the content in the following way:

Accordion block

Panel title

Panel description and content...

Accordions must have at least one [panel][/panel] shortcode; they can contain multiple panels; for example:


[accordion title="Accordion block"]
[panel title="Panel Title"]
  Panel description and content...
[/panel]
[panel title="Panel Another Title"]
  Panel Two: description and content...
[/panel]
[panel title="Panel Three Title"]
  Panel Three: description and content...
[/panel]
[/accordion]

The above renders:

Accordion block

Panel Title

Panel description and content...
Panel Another Title

Panel Two: description and content...
Panel Three Title

Panel Three: description and content...

Accordions can be used inside a [reader] block and can contain other shortcode blocks.

Accordion block

Example with Video
Example with image and content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.