This is the collapsible content. It contains information that can be shown or hidden by clicking the button above.
You can include any HTML content here, including paragraphs, lists, images, and more.
Content for Section A. This demonstrates how multiple expand/collapse widgets can work independently on the same page.
Content for Section B. Each section operates independently, allowing users to expand multiple sections at once.
This example uses the native HTML <details> and <summary> elements, which provide built-in expand/collapse functionality.
This approach requires no JavaScript and is fully accessible by default.
An accordion is a vertically stacked list of items where each item can be expanded or collapsed to reveal more content.
Accordions help organize content in a compact way, making it easier for users to scan and find the information they need without overwhelming them with too much content at once.