Sliding Panels turn standard HTML DIV elements into sliding panels providing you with more screen real estate.
This page has 3 sliding panels. You can slide these panels by clicking on the 3 or text displayed
at the right edge of this content. As a panel slides away, more content can be revealed.
Sliding panels are defined using a standard HTML DIV elements. Each panel
requires atleast 3 DIV elements. The first DIV element defines the vertical position of the
panel on the screen and acts as the panel's container. Inside this container DIV are atleast two DIV's,
one that holds the contents for the panel, and another that holds the expand/ collapse button.
Next we will show you how to build a panel.