The design features a shortcode for creating collapsible content divs for FAQs, etc. It is as simple as using the following shortcode and you get styled collapsible divs in no time.
Shortcode: [collapsible-content][/collapsible-content]
This is an enclosing shortcode which outputs collapsible content. Here is a list of attributes for this shortcode:
- id: Specify id attribute for your own custom styling purposes.
- class: Specify class attribute for your own custom styling purposes.
- caption: Specify the caption for the collapsible content using this attribute.
- state: Specify the state as open if you want to keep the collapsible content open by default. Defaults to close.
Usage:
1 | [collapsible-content caption= "Opened Collapsible Content" state= "open" ] |
2 | Collapsible content goes here... |
3 | [/collapsible-content] |
Examples:
Opened Collapsible Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis felis justo. Morbi hendrerit laoreet ante, non tempor dui accumsan in. Ut commodo convallis suscipit. Vestibulum sollicitudin nisi ac erat pretium lacinia. Aliquam in iaculis eros, non maximus mauris. Aliquam dignissim volutpat dapibus. Aliquam nisi leo, aliquet cursus eros sit amet, tincidunt ullamcorper sem. Aliquam auctor mauris id hendrerit consectetur. Nulla facilisi. Vestibulum nec elit est. Morbi scelerisque fermentum nisi id tempor. Nullam vestibulum aliquet quam. Aliquam pretium ex non erat rutrum interdum.
Aliquam erat volutpat. Donec imperdiet purus lectus, sed dapibus lacus porttitor a. Aenean condimentum nisl sed ante aliquet, vel dictum ipsum aliquam. Quisque egestas congue dui eu dapibus. Integer et convallis elit. Aliquam maximus rutrum hendrerit. Quisque id est sed elit lacinia bibendum. Cras tristique leo ante, pulvinar tempor eros suscipit in. Nullam eleifend pharetra purus non maximus. Mauris ac convallis urna. Proin non commodo lacus, id pretium nisi. Maecenas sem tellus, lobortis in accumsan a, tincidunt id dui. Etiam eget laoreet quam.