1. Home
  2. Docs
  3. Gossh Framework
  4. Elements
  5. Accordion

Accordion

The Accordion looks like this:

You can add an accordion by using the Accordion shortcode:

[accordion]
[apane title="First Pane"]Pane One Content[/apane] 
[apane title="Second Pane"]Pane Two Content[/apane] 
[apane title="Third Pane"]Pane Three Content[/apane]
[/accordion]  
Code Example

Note: Please make sure that all the shortcode tags are on the same line, but separated with at least a space, for example:

... [apane]Tab One Content[/apane] [apane]Tab Two Content[/apane] ...  

All the panes to be closed by default

If you would like to set all of the panes to be closed by default, add an all_closed=”true” attribute to the

shortcode:

[accordion all_closed="true"]
[apane title="First Pane"]Pane One Content[/apane] 
[apane title="Second Pane"]Pane Two Content[/apane] 
[apane title="Third Pane"]Pane Three Content[/apane]
[/accordion]  

 

Was this article helpful to you? Yes No

How can we help?