The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
A button or an anchor can show and hide multiple elements by referencing them with a JQuery selector in its href
or data-target
attribute.
Using the card component,you can extend the default collapse behavior to create an accordion.
Class | Values |
---|---|
class="accordion accordion-[value]"
|
primary / success / warning / danger / info / light / dark / red / green / pink / purple / violet / indigo / blue / sky / cyan / teal / neon / lime / sun / yellow / orange / pumpkin / brown / grey / gold / smoke |
Class | Values |
---|---|
class="accordion accordion-type-2 accordion-[value]"
|
primary / success / warning / danger / info / light / dark / red / green / pink / purple / violet / indigo / blue / sky / cyan / teal / neon / lime / sun / yellow / orange / pumpkin / brown / grey / gold / smoke |