Collapse
Collapse hides and reveals content and is the foundation of responsive navigation and expandable sections.
Core concept
Explain collapse targets, show state, data-bs-toggle, data-bs-target, aria-expanded, aria-controls, and multiple independent collapse elements.
Using it in a real interface
Build an FAQ answer panel and a mobile navigation section. Explain how the same plugin can serve a content disclosure and a navigation pattern while the surrounding semantics remain different.
Implementation notes
Keep the trigger label understandable in both states. Users should be able to tell whether the action will expand or collapse the associated content.
ADVERTISEMENT