I have the following code snippet that I'm using. The CSS is the same as another application where this is working correctly and that shows properly. The issue is that when the page loads, the first panel appears open when I want all of them to appear closed. <ce:*> are custom controls that have been developed.
I've color red'ed the sections I thought should allow this to be accomplished.
<aspanel runat="server" ID="outerPanel">
<act:Accordion ID="HeaderAccordian" runat="server"
FadeTransitions="true" FramesPerSecond="40"
TransitionDuration="100" RequireOpenPane="false"
SuppressHeaderPostbacks="true"
HeaderCssClass="ceAccordionHeader"
HeaderSelectedCssClass="ceAccordionHeaderSelected"
ComponentCssClass="ceAccordionContent"
SelectedIndex="-1" Width="490">
<Panes>
<act:AccordionPane ID="testP" runat="server" >
<Header>
<ce:ceH ID="MyHeader" runat="server" />
</Header>
<Content>
<ce:ceD ID="myDetails" runat="server" />
</Content>
</act:AccordionPane>
<act:AccordionPane ID="testP2" runat="server">
<Header>
<ce:ceH ID="CeH1" runat="server" />
</Header>
<Content>
<ce:ceD ID="CeD1" runat="server" />
</Content>
</act:AccordionPane>
<act:AccordionPane ID="testP3" runat="server">
<Header>
<ce:ceH ID="CeH2" runat="server" />
</Header>
<Content>
<ce:ceD ID="CeD2" runat="server" />
</Content>
</act:AccordionPane>
</Panes>
</act:Accordion>
</aspanel>
I've color red'ed the sections I thought should allow this to be accomplished.
<aspanel runat="server" ID="outerPanel">
<act:Accordion ID="HeaderAccordian" runat="server"
FadeTransitions="true" FramesPerSecond="40"
TransitionDuration="100" RequireOpenPane="false"
SuppressHeaderPostbacks="true"
HeaderCssClass="ceAccordionHeader"
HeaderSelectedCssClass="ceAccordionHeaderSelected"
ComponentCssClass="ceAccordionContent"
SelectedIndex="-1" Width="490">
<Panes>
<act:AccordionPane ID="testP" runat="server" >
<Header>
<ce:ceH ID="MyHeader" runat="server" />
</Header>
<Content>
<ce:ceD ID="myDetails" runat="server" />
</Content>
</act:AccordionPane>
<act:AccordionPane ID="testP2" runat="server">
<Header>
<ce:ceH ID="CeH1" runat="server" />
</Header>
<Content>
<ce:ceD ID="CeD1" runat="server" />
</Content>
</act:AccordionPane>
<act:AccordionPane ID="testP3" runat="server">
<Header>
<ce:ceH ID="CeH2" runat="server" />
</Header>
<Content>
<ce:ceD ID="CeD2" runat="server" />
</Content>
</act:AccordionPane>
</Panes>
</act:Accordion>
</aspanel>