Expand/Collapse Widgets Demonstration

This is the detailed content for item 1. It remains hidden until you click the button above.

You can put any HTML content here, like paragraphs, lists, images, or even other widgets.

This is the detailed content for item 2.

It can contain different information or media.

Placeholder Image for Item 2

Another paragraph under the image.

This widget is initially expanded. The parent div.example has the expanded class by default in the HTML.

This demonstrates how you can control the initial state of the widget directly in your markup.

Click the button to collapse it.