A graphical control element comprising a vertically stacked list of elements. An accordion is similar in purpose to a tabbed interface, a list of items where exactly one item is expanded into a panel to reveal additional information.
Accordions are a smart way to present lengthy bodies of text to your users without overloading them with information. Since information from only one panel is revealed at a time, users can choose and focus on the details that matter most to them.
The currently opened panel will automatically collapse and the newly clicked panel will expand. Only one panel will be open at a time.
If another element is placed on a layer that is above the layer of the text accordion, the text accordion will appear tucked beneath it. Simply move your text accordion to a higher layer so it is above other elements.