Widgets: Accordion

This is a customisable accordion widget for jQuery. It gets around the well documented jQuery animation jump issue of slideDown() by just not using it.

Example 1

This is the default accordion. Toggling is disabled, and the first item in the accordion automatically opens during accordion initialisation.

Example 2

With toggling enabled, the user is able to close down all items.

Example 3

By applying a class of "locked" (or whatever is specified in the parameter object that is passed to the accordion plug-in), the corresponding item is locked open. The rest of the accordion functions as expected around the locked item.

Example 4

This example isn't an accordion at all, and behaves like a standard collapsible menu. It is possible to open more than one item.