Expand/Collapse Widget Examples

Section 1: Introduction

This is the content for the first section. When you click the heading, this content will appear or disappear.

It can contain any HTML elements, including text, lists, images, etc.

Section 2: Details about the feature

Here are some more details about this interactive widget.

It uses CSS for styling and transitions.
JavaScript is used to toggle the visibility.
The `expanded` class controls the visual state.

Section 3: Final thoughts

This is a simple and effective way to manage content visibility on a webpage, making it cleaner and more user-friendly.