Accordion
Basic Accordion
Basic accordion toggle.
Right Aligned Accordion
Use .text-right to header for right aligned text to
basic accordion toggle.
Accordion with Icon
Use class .collapse-icon. to set icon accordion toggle.
Use .accordion-icon-rotate class for rotation animation
for icons.
Accordion with Left Icon
Use class .collapse-icon.left, for accordion with left
icon. Use .accordion-icon-rotate class for rotation
animation for icons.
Accordion with Basic Color
Use class .bg-COLORto accordion toggle for theme heading
background color.
Accordion with Color & Border
Use class .bg-COLORto accordion toggle for heading background
color & .border-COLOR for content border color.
Accordion with Border Color
Use class .border-COLORto accordion toggle for heading
border color.
Accordion with section border Color
Use class .border-COLORto accordion wrapper for colored
border.
Collapse
Basic Collapse
It will work as collapsible toggle by default.
Basic Collapse
Use .text-right to header for right aligned text.
Collapse with Icon
Use class .collapse-icon to set icon collapse.
Collapse with left Icon
Use class .collapse-icon.left to set left icon collapse.
Collapsible with Basic Color
Use class .bg-COLORto accordion toggle for theme heading
background color.
Collapsible with Color & Border
Use class .bg-COLORto collapse toggle for Collapse heading
background color & .border-COLOR for content border
color.
Collapsible with Border Color
Use class .border-COLORto collapse toggle for Collapse
heading border color.
Collapsible with section border Color
Use class .border-COLORto collapse wrapper for heading
and content.