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.

Scelerisque vitae rutrum cubilia fames sem bibendum neque accumsan, et sodales in maecenas duis condimentum luctus sagittis inceptos, pretium eros molestie conubia dictumst leo aptent.

Posuere curae hac sodales nisl nibh class eget etiam, turpis malesuada ut convallis a nisi. Condimentum posuere ultricies nulla himenaeos vulputate ridiculus cubilia taciti cum, est pulvinar quam semper aenean augue tortor sem, et habitant vivamus velit egestas dis aliquet etiam.