Panel content heading 1

This is a regular paragraph within the first collapsible panel.


A second paragraph after a HR element within the first collapsible panel.

Panel content heading 2

Another collapsible panel. The following variables can be set expandable panels:

  1. panelspeed: defines panel expand/collapse speed in milliseconds
  2. totalpanels: the total number of colapsible panels used
  3. defaultopenpanel: leave at 0 to keep all panels initially closed
  4. accordian: sets accordion effect (only one panel can remain open at once)

Panel content heading 3

penguinsThis last collapsible panel contains an image floated right to the paragraph content.

One thing good to note with the expandable panels is that adding top or bottom padding to the expandable-panel-content class can cause animation issues in IE 8

Return to expandable panels post »