Sample Accordion

This is a sample of an accordion widget. There are many configuration options, including colors and the open and close icons (the trianges inside the circles in the headers). An accordion can start out with all panels closed or any specific panel open.

The accordion requires that the viewer have Javascript enabled in her/his browser. This is almost always the case. When Javascript is not enabled, the viewer sees all the panels open at once.

The accordion panels can have lists, like this one, and the list items or any text can have links.

• Go to my home page.
• Go to Google

This panel is filled with dummy text, to show that the accordion can have fixed size panels and use scrollbars to reveal hidden text.

Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.