► ExamplesWeb PartsLayoutsAccordion layout

Accordion layout

The Accordion layout web part provides an accordion layout divided into multiple panes that can be expanded or collapsed. Each pane defines a separate web part zone, so any content may be added into the layout. Users can click on the pane headers to select which one is displayed.

For more information, see Working with layout web parts.

Example of the web part:


Introduction to accordion layout

The accordion layout provides you with an accordion control containing a web part zone on each pane. Click the Options pane header to see the other pane.