Expand/Collapse Widget Examples

Widget 1: Simple Text

This is some content that will be revealed when the heading is clicked. It's a simple demonstration of the expand/collapse functionality.

Clicking the heading again will collapse this content.

Widget 2: List Content

Item 1
Item 2
Item 3

This widget contains a list, showcasing that various types of HTML content can be hidden and shown.

Widget 3: More Complex Structure

A Subheading

This section has a bit more structure, including a subheading. The transition effect should make it appear smoothly.

The max-height CSS property is used to animate the expansion and collapse.

Another div inside the details.