February 2021

Salesforce

Collapsible and Expandable sections using Visualforce Page and Apex Class in Salesforce

Sample Code:Visualforce Page:<apex:page controller="AccordionController">        <apex:pageBlock title="Accounts and related Contacts" tabStyle="Account" id="pb">        <apex:repeat value="{!listAccounts}" var="acc">            <apex:pageBlockSection collapsible="true" title="{!acc.Name}">                <apex:pageBlockSectionItem>                    <apex:repeat value="{!acc.Contacts}" var="con">                        {!con.FirstName} {!con.LastName}<br/>                    </apex:repeat>                </apex:pageBlockSectionItem>            </apex:pageBlockSection>        </apex:repeat>        ....