Accordion
The accordion shortcode supports two layouts: vertical and horizontal. The layout is determined by the type
attribute. The active
attribute specifies which tab is active by default. The class
attribute lets you assign a class name to help you with responsiveness and specification.
You can also add custom class names to the titles:
[artware_accordion_tit class="title_one"]Title 1[/artware_accordion_tit]
.
[artware_accordion type="vertical" active="1" class="my-vertical-accordion"] [artware_accordion_tit]Title 1[/artware_accordion_tit] [artware_accordion_txt]Content for the first accordion item.[/artware_accordion_txt] [artware_accordion_tit]Title 2[/artware_accordion_tit] [artware_accordion_txt]Content for the second accordion item.[/artware_accordion_txt] [artware_accordion_tit]Title 3[/artware_accordion_tit] [artware_accordion_txt]Content for the third accordion item.[/artware_accordion_txt] [/artware_accordion]
Vertical accordion
Content for the first accordion item.
Content for the second accordion item.
Content for the third accordion item.
Horizontal accordion
Content for the first accordion item.
Content for the second accordion item.
Content for the third accordion item.