1 $(function () {
2             $(".father").toggle(function () {
3                 $(this).next().slideUp("slow");
4             }, function () {
5                 $(this).next().slideDown("slow");
6             });
7         });

<style type="text/css">
        .sonhide
        {
            display: none;
        }
    </style>

<asp:DataList ID="ddlTypeName" runat="server" EnableViewState="False" CssClass="tname"
            OnItemDataBound="ddlTypeName_ItemDataBound">
            <ItemTemplate>
                <div class="father">
                    <asp:Label ID="Label1" runat="server" Text='<%#Eval("TypeId") %>' EnableViewState="False"
                        Visible="false"></asp:Label>
                    <asp:HyperLink ID="TypeName" runat="server" EnableViewState="False"><%#Eval("TypeName")%></asp:HyperLink>
                </div>
                <div class="sonhide">
                    <asp:DataList ID="ddlProName" runat="server" DataSource='<%#Eval("myrelation") %>'
                        EnableViewState="False">
                        <ItemTemplate>
                            <asp:Label ID="Label2" runat="server" Text='<%#Eval("Id") %>' EnableViewState="False"
                                Visible="false"></asp:Label>
                            <img src="../image/dot1.gif" alt="" />
                            <asp:HyperLink ID="proname" runat="server" NavigateUrl='<%# "MainProduct.aspx?id="+Eval("Id") %>'
                                ClientIDMode="Static" EnableViewState="False"><%#Eval("ProName")%></asp:HyperLink>
                        </ItemTemplate>
                    </asp:DataList>
                </div>
            </ItemTemplate>
        </asp:DataList>