Create a block with expandable sections in an “accordion” style.


Examples

[memberlite_accordion]
[memberlite_accordion_item title="Accordion Item Title 1"]This is the first item in the list.[/memberlite_accordion_item]
[memberlite_accordion_item title="Accordion Item Title 2"]This is the second item in the list.[/memberlite_accordion_item]
[memberlite_accordion_item title="Accordion Item Title 3"]This is the third item in the list.[/memberlite_accordion_item]
[memberlite_accordion_item title="Accordion Item Title 4"]This is the fourth item in the list.[/memberlite_accordion_item]
[memberlite_accordion_item title="Accordion Item Title 5"]This is the fifth item in the list.[/memberlite_accordion_item]
[/memberlite_accordion]

Accordion Item Title 1

This is the first item in the list.

Accordion Item Title 2

This is the second item in the list.

Accordion Item Title 3

This is the third item in the list.

Accordion Item Title 4

This is the fourth item in the list.

Accordion Item Title 5

This is the fifth item in the list.

How it Works

This shortcode consists of a wrapping shortcode [memberlite_accordion] ... [/memberlite_accordion], as well as an unlimited number of internal shortcodes to add items to the accordion display in the format [memberlite_accordion_item] ... [/memberlite_accordion_item].


Attributes of the [memberlite_accordion] shortcode include:

  • class: An additional CSS class name to add to the button. (optional).

Attributes of the [memberlite_accordion_item] shortcode include:

  • class: An additional CSS class name to add to the button. (optional).
  • title: The text to show in the collapsed view of the item in the accordion display. (required; accepts: any text string).