Authored by
Robert "Bob" Smith
Bob originally created this guide. The goal was to assist librarians in utilizing Bootstrap within LibGuides.
As of Feb. 2nd, 2024, Bob has left the employ of West Texas A&M University.
Introduction
Collapsing elements allow us to hide content unless wanted. This can be helpful for usability by reducing information overload. However, it can make usability suffer if not apparent.
- Collapsing Using a Link/Button
- Collapse content by using a link or button. When the link or button is clicked, a hidden element is revealed.
- Collapsing Using Panel Accordion
- A collapsing accordion of panels shows only one panel out of many. When a panel heading is selected, the one panel tied to that heading is revealed while all others are hidden. This feature is very useful for FAQs where the user only sees the answer to the question they desire.
Example Collapse Using a Link or Button
Using a Link
Using an Button
Example Collapsing Accordion
Example One Body
Example Two Body
Example Three Body