Accordions & Collapse
A comprehensive showcase of collapsible panel systems, policy accordions, multi-target triggers, and horizontal transitions.
Default Accordions
Standard Bootstrap accordion where only one panel can remain open at a time.
Flush Accordions
Accordions without outer borders or rounded corners, ideal for rendering within compact card bodies.
Simple Card Accordions
Modern accordion style where each element is wrapped inside a separate, stand-alone card box.
Always Open Accordions
Accordions that allow multiple panels to remain expanded simultaneously (`data-bs-parent` omitted).
Custom Accordions (Clinical Theme & Specialty Icons)
Custom clinical theme styling using background states, matching colors, and department-specific icons.
Vertical Collapse
Simple toggle switch that reveals hidden content vertically beneath the trigger.
Medical Records Notice
All medical documents are encrypted end-to-end to protect patient confidentiality under HIPAA regulations.Horizontal Collapse
Collapse animation expanding horizontally rather than vertically (uses width transitions).
Clinical Diagnostic
This content expands from side to side in an elegant horizontal animation flow.Multiple Targets
Toggling multiple collapse elements simultaneously using selectors inside buttons.