How to use grid view inside a collapsible panel ?

See more:

ASP.NET

Ajax

Hi,

I have a webpage in which I am going to use several Grid views. I dont want them to be opened always rather I want that when user click on the collapsible panel than they get shown. I have taken a panel and placed a grid view inside it and a collapsible panel extender too. But i am not able to see the things working. If i take out grid view outside the panel it is visible but if i am using it inside panel controlled by collapsible panel nothing appears on the screen.
Kindly help.
Here is my code:

<asp:Panel ID="pn_added_clients" runat="server" Width="100%">
     <cc1:CollapsiblePanelExtender ID="col_pan_added_clients"  runat="server" ExpandControlID = "pn_added_clients" CollapseControlID="pn_added_clients"
         TargetControlID="pn_added_clients" CollapsedImage="~/images/expand_blue.jpg" 
         ExpandedImage="~/images/collapse_blue.jpg" Collapsed="True" AutoCollapse ="false" AutoExpand ="true"   ExpandedSize="300">
         
     </cc1:CollapsiblePanelExtender>
     <asp:GridView ID="gv_added_clients" runat="server" AutoGenerateColumns="False">
         <Columns>
             <asp:TemplateField HeaderText="Admin Id" Visible="False">
                 <ItemTemplate>
                     <asp:Label ID="Label1" runat="server" Text='<%# bind("Admin_Id") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Added By">
                 <ItemTemplate>
                     <asp:Label ID="Label2" runat="server" Text='<%# bind("Admin_Name") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Client First Name">
                 <ItemTemplate>
                     <asp:Label ID="Label3" runat="server" Text='<%# bind("Client_FirstName") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Client Last Name">
                 <ItemTemplate>
                     <asp:Label ID="Label4" runat="server" Text='<%# bind("Client_LastName") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Added On">
                 <ItemTemplate>
                     <asp:Label ID="Label5" runat="server" Text='<%# bind("Date_Modified") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Work Order Name">
                 <ItemTemplate>
                     <asp:Label ID="Label6" runat="server" Text='<%# bind("WorkOrderName") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
             <asp:TemplateField HeaderText="Email Id">
                 <ItemTemplate>
                     <asp:Label ID="Label7" runat="server" Text='<%# bind("EmailId") %>'></asp:Label>
                 </ItemTemplate>
             </asp:TemplateField>
         </Columns>
     </asp:GridView>
    </asp:Panel>