Accordion Example

The accordion widget is a great element to use for a page that is long and has headings and subheads.  The accordion is used to organize content into smaller chunks so the visitor can skim the headings and find the content they want quickly without having to read through all parts of the page.

PLEASE NOTE: we recommend no more than 5 'combined' accordions in one row.  The best practice for accordion widgets is to put one per row (you can have unlimited rows in a homepage)

For a real-world example of the accordion widget, visit the Web Services Jadu 102 page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

List items

  • Matthew
  • Mark
  • Luke
  • John