Expand/Collapse Widgets

Example 1: Basic Widget

This is the expanded content. You can put any HTML content here including text, images, forms, etc.

Example 2: Widget with More Content
Example 3: FAQ Widget
Example 4: Pre-expanded Widget

This widget starts in an expanded state. Click the button to collapse it and then expand it again.

The expand/collapse functionality is powered by a simple JavaScript function that toggles CSS classes.