Panel Collapse

This example shows how different parts of a page can be hidden and revealed using an animated effect. There are no plugins here. It's all with the jQuery core. Although, the interface plugin has a lot of other great effects too.

This example could be extended to provide an adaptable display where users can decide what information they need to see and can hide extraneous details.

Collapsing Panel

This is a collapsing panel. Click on the title to make the panel collapse and again to expand it again.

Fading Panel

This is a fading panel. It fades the content in and out as it collapses or expands.

Title Change

The title of this panel changes as it collapses or expands.