Hi Sheila,

I have found some issues in your code:

1. Account Contact relation ship Name : It's not contacts  --> Contacts in Lightning component:

2. Add the contact Name field in Soql Query.

I have tried the below code it's working fine to me. And i have used the Accordion inside Accordion to display the contacts inside the Account.

Component :

<aura:component implements="flexipage:availableForAllPageTypes" 
                controller="MyController"
                access="global" >
    
    <aura:attribute name="accnList"
                    type="List"/>
    
    <aura:handler name="init"
                  value="{!this}"
                  action="{!c.doInit}"/>
    
    <div class="demo-only slds-grid" style="height: 150px; width: 300px; padding: 2rem;">
        <div class="slds-is-fixed">
            <div style="position: absolute; top: 1rem; left: 1rem; border: 1px solid red; background: rgb(244, 246, 249);">
                
                <lightning:accordion>
                    <aura:iteration items="{!v.accnList}" 
                                    var="acc">
                                                
                <lightning:accordionSection name="{!acc.Name}" 
                                                        label="{!acc.Name}">    
                        
                        <table class="slds-table slds-table--bordered slds-table--cell-buffer slds-table--striped slds-max-medium-table--stacked-horizontal"
                               role="grid">
                            <thead>
                                <tr>
                                    <p>Rating : {!acc.Rating}</p>
                                </tr>
                                <tr>
                                    <p>Phone : {!acc.Phone}</p>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="slds-hint-parent">
                                   
                                   <lightning:accordion>
                                    <aura:iteration items="{!acc.Contacts}" 
                                                    var="con">
                                        <lightning:accordionSection name="{!con.Name}" 
                                                                    label="{!con.Name}">
                                            
                                            <aura:set attribute="body">
                                                
                                                <p>FirstName : {!con.FirstName}</p>
                                                <p>LastNamePhone : {!con.LastName}</p>
                                                
                                            </aura:set>
                                        </lightning:accordionSection>
                                    </aura:iteration>
                                </lightning:accordion> 
                                    
                                </tr>
                                
                        </tbody>
                    </table>

                                
                            </lightning:accordionSection>
                            
                        </aura:iteration>
                    </lightning:accordion>
                </div>
            </div>
        </div>
    </aura:component>
=========================

Controller :

({
    doInit : function(component, event, helper) {
        
        var action=component.get('c.showAccountsForAccordion');
        
        action.setCallback(this,function(response){
            var state = response.getState();
            console.log('state ='+state);
            if (component.isValid() && state === "SUCCESS") {
               
                component.set("v.accnList", response.getReturnValue());
                console.log('v.accnList='+JSON.stringify(response.getReturnValue()));
              }
        });$A.enqueueAction(action);
        
    }
})
==========================
Apex Class:

public with sharing class MyController {

@AuraEnabled
public static List<Account> showAccountsForAccordion()
{
List<Account> accList = [select Id,Name,Rating,Phone,(select firstname,Name,lastname from contacts)
FROM
Account
Order By name LIMIT 4];
return accList;
}
}


O/p:



Can you please Let me know if it helps or not!!!

If it helps don't forget to mark this as a best answer!!!

Thanks,
Maharajan.C