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.