What is lightning:accordion?

Hi Deepak,

Lightning: accordion component groups related content in a single container. Only one accordion section is expanded at a time by default. When you select a section, it's expanded or collapsed. Set allowMultipleSectionsOpen to allow more than one section to be opened. Each section can hold one or more Lightning components.

This component inherits styling from accordion in the Lightning Design System.

To additionally style this component, use the Lightning Design System helper classes.

This example creates a basic accordion with three sections, where section B is expanded by default.

<aura:component>
<lightning:accordion activeSectionName="B">
<lightning:accordionSection name="A" label="Accordion Title A">This is the content area for section A</lightning:accordionSection>
<lightning:accordionSection name="B" label="Accordion Title B">This is the content area for section B</lightning:accordionSection>
<lightning:accordionSection name="C" label="Accordion Title C">This is the content area for section C</lightning:accordionSection>
</lightning:accordion>
</aura:component>