Aptly named after the musical instrument,
AccordionLayout is GXT's implementation of the popular accordion structures found in many UI toolkits. It is a
FitLayout (child is expanded or sized to fit the dimension of its container) that is implemented to render child components (must be
ContentPanel) as mutually exclusively collapsible sections whose headings are always visible.
You can expand and collapse a section with either the collapse tool (default) or by clicking on its heading if the collapse tool has been disabled.
An important point to note with
AccordionLayout is that it only takes
ContentPanel items and only one (defaults to the first) is viewable (expanded) at a given time.