Expand/Collapse Widget Demonstration

Widget 1: Basic Information

This is the content that will be revealed when you click on the heading above. It can contain any HTML elements, such as paragraphs, lists, images, or even other widgets.

Here's another paragraph for demonstration purposes.

Widget 2: More Details

This widget contains a simple unordered list.

Widget 3: Collapsed by Default

This is the content for the third widget. By default, it's hidden, but you can click its heading to see it.

The `transition` property in the CSS makes the expansion and collapse smooth.