jQuery Simple Slide Panel Plugin

« Back to jQuery Slide Panel Plugin article

panel 1 uses the jQuery ajax load() method to load data from an external file called ajax.html. This panel is also in a fixed position even as the user scrolls down the page.

panel 2 displays content from a hidden div within this page. This panel is not in a fixed position and will scroll as the user scrolls down the page.

panel 3 also uses the jQuery ajax load() method to load data from an external file called ajax.html. This panel is not in a fixed position and will scroll as the user scrolls down the page.

panel 1
panel 2

Here is some static content for Panel 2.

This is the content from the hidden div called panel2.

panel 3
panel 4

panel 4 also uses the jQuery ajax load() method to load data from an external file called ajax.html. This panel is in a relative position inside a containing div.