1. Home
  2. Docs
  3. Supreme Shortcodes
  4. Shortcodes
  5. Toggle and Accordion

Toggle and Accordion

Creating toggle content like those seen below couldn’t be easier. Now you can create it on the fly using the Toggle or Accordion Shortcodes. Any content can be added within its panel, and you can even add other Supreme Shortcodes. This shortcode has a fluid width, meaning it can adapt to any size page so you can put it in the different columns sizes. They are also great for FAQ’s!

Options:

  1. Number of Panels – Unlimited
  2. Panel #1 Title
  3. Panel #1 Content
Supreme Shortcodes - Toggle

        
[st_acc_panel state="open" title="Panel Title 1"]Panel 1 Content[/st_acc_panel]
[st_acc_panel title="Panel Title 2"]Panel 2 Content[/st_acc_panel]
[st_acc_panel title="Panel Title 3"]Panel 3 Content[/st_acc_panel]
    

 

Accordion Shortcode

Useful if you wish to have only one panel opened at the time. Preview: It looks exactly the same as Toggle shortcode.

Options:

  1. Number of Panels – Unlimited
  2. Panel #1 Title
  3. Panel #1 Content
Supreme Shortcodes - Accordion

        
[st_panel state="open" title="Panel Title 1"]Panel 1 Content[/st_panel]
[st_panel title="Panel Title 2"]Panel 2 Content[/st_panel]
[st_panel title="Panel Title 3"]Panel 3 Content[/st_panel]