Expand/Collapse Widget Demo

Section 1: Click to Expand

This is the content for the first section. It will be hidden by default and revealed when the heading is clicked.

You can put any HTML content here, including images, lists, or other elements.

Section 2: Another Expandable Area

Here is some more content for a second widget. This demonstrates that multiple widgets can be used on the same page.

Section 3: Yet Another Example

And one more for good measure! This pattern is very useful for FAQs, accordions, or just organizing content.

The key is the simple JavaScript that toggles the visibility of the .details div.