C# og AJAX collapsible panels
Hej Eksperter.Jeg går lige til sagen..
Jeg har en menu i venstre side som består af nogle knapper, der aktivere HVER SIT collapsible panel i den sammme celle inde på siden. Problemet er bare, at jeg kun ønsker ÉT panel åbnet af gangen. Hvis ét panel står åbent, og der åbnes ét andet, skal det første slå sig sammen igen, ved hjælp af codebehind i C#.
Det hele foregår i ASP.NET ved hjælp af AJAX controls.
Nedenstående er et eksempel på problematikken.
------------------------------------------------------------------
<body>
<form id="form" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table>
<tr>
<td> <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1"
runat="server" TargetControlID="PnlContent1" ExpandControlID="PnlTitle1" CollapseControlID="PnlTitle1" ImageControlID="image1" Collapsed="True" SuppressPostBack="true">
</cc1:CollapsiblePanelExtender>
<asp:Panel ID="PnlTitle1" runat="server" CssClass="collapsePanelHeader" >
<asp:Image ID="image1" runat="server" ImageUrl="~/images/ikoner/jpg/image1.jpg" />
</asp:Panel>
</td>
<td>
<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender2"
runat="server" TargetControlID="PnlContent2" ExpandControlID="PnlTitle2"
CollapseControlID="PnlTitle2"
ImageControlID="image2" Collapsed="True" SuppressPostBack="true">
</cc1:CollapsiblePanelExtender>
<asp:Panel ID="PnlTitle2" runat="server" CssClass="collapsePanelHeader" >
<asp:Image ID="image2" runat="server" ImageUrl="~/images/ikoner/jpg/image2.jpg" />
</asp:Panel>
</td>
<tr>
<td>
<asp:Panel ID="PnlContent1" runat="server" CssClass="collapsePanel" />
<asp:Panel ID="PnlContent2" runat="server" CssClass="collapsePanel" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>