This is the content that can be expanded or collapsed. It allows users to reveal more information without overwhelming the initial view of the page.
Improves user experience by reducing clutter.
Allows for progressive disclosure of information.
Each widget works independently.
Click the button above to toggle its visibility. The content can be any valid HTML structure.
Section 2: Another Independent Widget
Here's a second example of the expand/collapse widget. Notice how its state doesn't affect the first one.
You can embed images or other media within the expanded section:
This provides flexibility in how you present your content.
Section 3: Simple Text Example
Just some plain text to demonstrate the functionality one more time. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.