Animating GridView with JQuery in ASP.NET
<p>I have a button on my home page ..
OnClick I'm getting data from the database and biding it to my GridView,
I want to "SlideDown" the GridView on ButtonClick.. this is my code</p>

<pre><code>$(document).ready(function() {
        $("#ShowAllRecordsBtn").click(function() {
            $("#GridView1").slideDown(100);
        });

    });
</code></pre>

<p>And I have my GridView</p>

<pre><code>&lt;asp:GridView ID="GridView1" runat="server" CellPadding="4" GridLines="None" Style="z-index: 1;
        left: 65px; top: 93px; position: absolute; height: 180px; width: 304px" AutoGenerateEditButton="false"
        AutoGenerateColumns="False" AutoGenerateDeleteButton="True" DataKeyNames="EmpId"
        OnRowDeleting="GridView1_RowDeleting1" OnRowCommand="GridView1_RowCommand" ForeColor="#333333"&gt;
        &lt;RowStyle BackColor="#EFF3FB" /&gt;
        &lt;FooterStyle BackColor="#507CD1" ForeColor="White" Font-Bold="True" /&gt;
        &lt;PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /&gt;
        &lt;SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /&gt;
        &lt;HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /&gt;
        &lt;EditRowStyle BackColor="#2461BF" /&gt;
        &lt;AlternatingRowStyle BackColor="White" /&gt;
        &lt;Columns&gt;
            &lt;asp:TemplateField&gt;
                &lt;HeaderTemplate&gt;
                    &lt;asp:Label runat="server" Text="ID"&gt;&lt;/asp:Label&gt;
                &lt;/HeaderTemplate&gt;
                &lt;EditItemTemplate&gt;
                    &lt;asp:TextBox ID="txtEmpId" runat="server" ReadOnly="true" Text='&lt;%#Eval("EmpId") %&gt;'&gt;&lt;/asp:TextBox&gt;
                &lt;/EditItemTemplate&gt;
                &lt;ItemTemplate&gt;
                    &lt;asp:Label ID="txtEmpId" runat="server" Text='&lt;%#Eval("EmpId") %&gt;'&gt;&lt;/asp:Label&gt;
                &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateField&gt;
            &lt;asp:TemplateField&gt;
                &lt;HeaderTemplate&gt;
                    &lt;asp:Label ID="Label2" runat="server" Text="Name"&gt;&lt;/asp:Label&gt;
                &lt;/HeaderTemplate&gt;
                &lt;EditItemTemplate&gt;
                    &lt;asp:TextBox ID="txtEmpName" runat="server" Text='&lt;%#Eval("EmpName") %&gt;'&gt;&lt;/asp:TextBox&gt;
                &lt;/EditItemTemplate&gt;
                &lt;ItemTemplate&gt;
                    &lt;asp:Label ID="txtEmpName" runat="server" Text='&lt;%#Eval("EmpName")%&gt;'&gt;&lt;/asp:Label&gt;
                &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateField&gt;
            &lt;asp:TemplateField&gt;
                &lt;HeaderTemplate&gt;
                    &lt;asp:Label ID="Label3" runat="server" Text="Address"&gt;&lt;/asp:Label&gt;
                &lt;/HeaderTemplate&gt;
                &lt;EditItemTemplate&gt;
                    &lt;asp:TextBox ID="txtEmpAdd" runat="server" Text='&lt;%#Eval("EmpAdd") %&gt;'&gt;&lt;/asp:TextBox&gt;
                &lt;/EditItemTemplate&gt;
                &lt;ItemTemplate&gt;
                    &lt;asp:Label ID="txtEmpAdd" runat="server" Text='&lt;%#Eval("EmpAdd")%&gt;'&gt;&lt;/asp:Label&gt;
                &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateField&gt;
            &lt;asp:TemplateField&gt;
                &lt;HeaderTemplate&gt;
                    &lt;asp:Label ID="Label4" runat="server" Text="Age"&gt;&lt;/asp:Label&gt;
                &lt;/HeaderTemplate&gt;
                &lt;EditItemTemplate&gt;
                    &lt;asp:TextBox ID="txtEmpAge" runat="server" Text='&lt;%#Eval("EmpAge") %&gt;'&gt;&lt;/asp:TextBox&gt;
                &lt;/EditItemTemplate&gt;
                &lt;ItemTemplate&gt;
                    &lt;asp:Label ID="txtEmpAge" runat="server" Text='&lt;%#Eval("EmpAge")%&gt;'&gt;&lt;/asp:Label&gt;
                &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateField&gt;
            &lt;asp:TemplateField&gt;
                &lt;ItemTemplate&gt;
                    &lt;asp:Button ID="btnSelect" runat="server" Text="Select" CommandName="Select" CommandArgument='&lt;%#Eval("EmpId") %&gt;' /&gt;
                &lt;/ItemTemplate&gt;
            &lt;/asp:TemplateField&gt;
        &lt;/Columns&gt;
    &lt;/asp:GridView&gt;
</code></pre>

<p>The "SlideDown" doesn't take effect !
Pls Help</p>

<p>Thanks in Advance</p>
