Accordion

Accordion shortcode allows you to provide multiple panes and display them one at a time. We can create an accordion quickly by using syntax as below:

 [accordions class="CLASS_WRAPPER"]
 [accordion title="TITLE_ITEM_1" expand="TRUE|FALSE" class="CLASS_ITEM"]Content Item 1 here[/accordion]
 [accordion title="TITLE_ITEM_2" expand="TRUE|FALSE" class="CLASS_ITEM"]Content Item 2 here[/accordion]
 [accordion title="TITLE_ITEM_{I}" expand="TRUE|FALSE" class="CLASS_ITEM"]Content Item {I} here[/accordion]
 [/accordions]

In Shoot theme, we pre-defined CLASS_WRAPPER can be:

  • panel-group-1
  • panel-group-2
  • panel-group-3
  • panel-group-4
  • panel-group-5

    CLASS_ITEM can be:

  • panel-icon-left

  • panel-icon-right

NOTE: - Default value of expand property is FALSE

  • You can define more than class if you want

You can reference to link to view how shortcode display

results matching ""

    No results matching ""