Expand/Collapse Widget Demo

Example 1: Basic Toggle

This is the first example of an expand/collapse widget. Click the button to toggle the visibility of this content. The animation provides a smooth user experience.

  • Item 1: First point
  • Item 2: Second point
  • Item 3: Third point

Example 2: Accordion Style

This example demonstrates an accordion-style widget. It's commonly used in FAQs or navigation menus where multiple sections might exist, but only one is expanded at a time.

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

Example 3: Multiple Toggles

This widget can be used for multiple independent sections. Each one maintains its own state independently of the others.

Placeholder Image

Image and text content can be mixed within the collapsible section.