Expand/Collapse Widget Demo

This is the first example of a collapsible section. Clicking the button above toggles the visibility of this content. The animation uses CSS transitions for a smooth effect.

This content is wrapped in a div with the class details as requested.

This is the second example. It shows that you can have multiple independent widgets on the same page.

• Each widget is self-contained.
• Uses ARIA attributes for accessibility.
• The content container has the class details.

Here is a third example with some different content. The expand/collapse functionality is implemented with a simple JavaScript function that toggles the relevant attributes and classes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.