The Code for this functionality is given below
<asp:DataList ID=”DatalistFNO” runat=”Server”>
<ItemTemplate>
<table>
<tr>
<td width=”400px” style=”background-color: #FFCACA;”>
<asp:Panel ID=”description_HeaderPanel” runat=”server” style=”cursor: pointer;” >
<div>
<font style=”font-family:Arial, Helvetica, sans-serif; font-size:12px”> <b><%# Eval(“FAQ_Question”)%></b></font>
</div>
</asp:Panel>
</td>
</tr>
<tr>
<td>
<asp:Panel id=”description_ContentPanel” runat=”server” style=”overflow:hidden;”>
<p>
<%#Eval(“FAQ_Answer”)%>
</p>
</asp:Panel>
<cc1:CollapsiblePanelExtender ID=”cpeDescription” runat=”Server”
TargetControlID=”description_ContentPanel”
ExpandControlID=”description_HeaderPanel”
CollapseControlID=”description_HeaderPanel”
Collapsed=”true” SuppressPostBack=”true” />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
nice article.. Thanks
i want to ask 1 thing, if we want to show only one desc. opened not all. Here what happens that whe i click on header it expand that. also if i click on 2nd then it also expand 2nd. But it should be like only 1 expanded at a time.. Can u plz tell me …
Thanks for advance…