Switcher

Preset 1

Disable

Demo Template 1

100% Cool
0%

Preset 2

Left

Demo Template 1

100% Cool
0%

Tabs

Demo Template 1

100% Cool
0%

Left Tab Variant (Top, Left, Bottom, Right)

Demo Template 1

100% Cool
0%

Classic Accordion

We can set the toggle control color, border radius, state on hover, active, icon change when active.

If we want to control each toggle control separately, there’s an option to add css class id to each control.

Normal mode :

Set which tab is active on load :

Demo 2For Our Demo Template

0%
100% Cool

Collapsible mode :

Image Accordion

Item #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More
Item #2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More
Item #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More