Hi All,

I am using apex:pageBlockSection in apex:repeat tag which is not collapsible even collapsible property is set to true.

I have used the solutions from previous discussions too which are not working for me.

Here is my VF page code. Please help me to get it working i.e collapsible & expandable on click.

<apex:form id="myForm">
<apex:pageBlock title="Schedule" id="pgSchedule">

<apex:pageBlockButtons >
<apex:commandButton value="Edit" action="{!editRevenueSchedule}" rerender="pgBlckSchedule" id="isbtn1" status="gridLoadingStatus"/>
<apex:commandButton value="Save" action="{!saveRevenueSchedule}" rerender="pgBlckSchedule" id="isbtn2" status="gridLoadingStatus1"/>
</apex:pageBlockButtons>

<apex:outputPanel id="pgBlckSchedule">
<apex:actionStatus id="gridLoadingStatus">

<apex:facet name="start">
<apex:image value="/img/loading32.gif" />
</apex:facet>

<apex:facet name="stop">

<apex:outputPanel rendered="{!isDisplay}">

<apex:repeat value="{!lineItemScheduleList}" var="lineItemSchedule1" id="theRepeat">

<apex:pageBlockSection title="Revenue Schedules for Product {!lineItemSchedule1.name}" columns="1" collapsible="true" id="revenueSchedule">
<apex:pageBlockTable value="{!lineItemSchedule1.lstInnerClassOppLineItmSch}" var="lineItemScheduleItem">

<apex:column headerValue="Date" width="15%">
<apex:outputText value="{0,date,dd/MM/yyyy}">
<apex:param value="{!lineItemScheduleItem.ScheduleDate}" />
</apex:outputText>
</apex:column>

<apex:column headerValue="Revenue" width="15%">
<apex:outputText value="{!lineItemScheduleItem.Revenue}" />
</apex:column>

<apex:column headerValue="Comments" width="15%">
<apex:outputText value="{!lineItemScheduleItem.Description}" />
</apex:column>

</apex:pageBlockTable>

<script>
twistSection(document.getElementById('{!$Component.pgSchedule.pgBlckSchedule.theRepeat.revenueSchedule}').getElementsByTagName('img')[0])
</script>

</apex:pageBlockSection>
</apex:repeat>

</apex:outputPanel>

</apex:facet>
</apex:actionStatus>

Thanks,

Sachin.