12.6. Accordion

When Flex and its implementation of the Accordion component first appeared, the web-application world was taken aback, because it was such a fresh approach to navigating an application. Although Flex wasn’t the first to introduce this type of navigation (Outlook 2003, Flash sites, and so on had it before Flex), it was unheard of in the traditional web application scene. Today, the accordion has become an accepted option thanks to AJAX toolkits that make implementation so easy, such as Adobe’s Spry.

12.6.1. Creating an accordion

Creating an accordion is much like creating a tab navigator, but instead of each child container displaying as a tab, it displays a section divider. Coding an accordion is similarly easy, as listing 12.25 illustrates.