function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Major1507Major1507 

lightning accordion

I want to collpase the accordion in lightning on page load...I need it only in lightning
 
Any help is appreciated.
GhanshyamChoudhariGhanshyamChoudhari
simple way, add class slds-hide and in activeSectionName select hidden accordion. refer below ex.
  
<aura:component>
   <lightning:accordion activeSectionName="D">
     <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:accordionSection name="D" label="Accordion Title D" class="slds-hide">This is the content area for section C</lightning:accordionSection>

   </lightning:accordion>
</aura:component>