Expand / Collapse Widget Demo

v1 Widget One

This is the content for the first widget. It demonstrates a simple expand/collapse interaction. The panel uses a smooth height transition for a pleasant user experience.

You can place any HTML inside, including lists, images, or forms. The container for this content has a class of details.

v2 Widget Two

Here is a longer example of the second widget. It shows how content can vary in height.

  • Item A with some details
  • Item B with more information
  • Item C completes the list

Closing this panel will animate the height back to zero.