Expand/Collapse Widgets

This is the controlled content for Section 1. It will expand and collapse when you click the button above.

You can put any HTML content here, such as paragraphs, lists, images, or other interactive elements.

• Item A
• Item B
• Item C

This is the controlled content for Section 2. Each widget operates independently.

It's great for FAQs, detailed descriptions, or any information you want to hide until needed.

The transition uses CSS max-height and padding for a smooth animation.

Section 3 has some additional links and content.

Feel free to customize the styling and add more complex interactions if required.