Expand/Collapse Widget Demo

Example 1: Basic Toggle

This is the first example of an expand/collapse widget. Click the button above to show or hide this content. The transition is smooth thanks to CSS.

Additional content can be placed here, and it will expand to reveal more details.

Example 2: FAQ Style

This widget is a simple JavaScript-powered expand/collapse component that allows users to reveal or hide additional information interactively.

It's commonly used in FAQs, accordions, or any UI where space-saving is important.

Example 3: Multiple Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.