Accordion
On this page:
Return vertically collapsing accordion.
Shortcode
[accordion] [accordion_item title="Title 1"]Content 1[/accordion_item] [accordion_item title="Title 2"]Content 2[/accordion_item] [/accordion]
Attributes
| Attribute | Type | Values | Description |
|---|---|---|---|
| [accordion ...] | |||
| accordion_active | number | 1, 0 | Accordion item to open by default. If you want close all items set this attribute to "0". |
| parent | boolean | 1, 0 | Set to "1" to close other accordion items when the current item is opened. |
| [accordion_item ...] | |||
| icon | text | Icon name. | |
| title | text | Sample text | Title of the accordion item. |
Attributes - New Learning
| Attribute | Type | Values | Description |
|---|---|---|---|
| [accordion ...] | |||
| accordion_active | number | 1, 0 | Accordion item to open by default. If you want close all items set this attribute to "0". |
| cbgcolor | text | Content background color. Hex or rgb/rgba color value. | |
| custom_class | text | Content CSS class. | |
| hbgcolor | text | Heading background color. Hex or rgb/rgba color value. | |
| hbghcolor | text | Heading background color on hover. Hex or rgb/rgba color value. | |
| icon | text | Default icon name for all accordion items. Icon name. | |
| iconcolor | text | Icon color. Hex or rgb/rgba color value. | |
| iconhcolor | text | Icon color on hover. Hex or rgb/rgba color value. | |
| isicon | boolean | 1, 0 | Set to "1" to display icons. |
| mb | number | Margin bottom in pixels, without "px". | |
| mt | number | Margin top in pixels, without "px". | |
| padding | boolean | 1, 0 | Setting to add extra padding. |
| parent | boolean | 1, 0 | Set to "1" to close other accordion items when the current item is opened. |
| rounded | boolean | 1, 0 | Set to "1" to use rounded style. |
| scheme | text | light, dark | Light or dark color scheme. |
| size | text | sizes, sizem, sizel | Accordion size: small, medium and large. |
| tcolor | text | Title color. Hex or rgb/rgba color value. | |
| tfs | text | Title font size in rem, without "rem". | |
| tfw | text | fwglobal, fwlight, fwnormal, fwmedium, fwbold | Title font weight. |
| thcolor | text | Title color on hover. Hex or rgb/rgba color value. | |
| type | text | default, minimal | Accordion style. |
| [accordion_item ...] | |||
| icon | text | Icon name. | |
| title | text | Sample text | Title of the accordion item. |