Show Hide comment and reply TextBox inside nested ASP.Net DataList on Button click using jQuery

how to create comment and reply system

comment already show. ex 1 post has 5 comment. when i click the 2, 3, 4 comment reply button then show the 1 comment text box only.

<%@ Page Language="C#" MasterPageFile="~/USER/MasterPage.master" AutoEventWireup="true"
    CodeFile="viewpost.aspx.cs" Inherits="USER_viewpost" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head11" runat="Server">
    <script type="text/ecmascript">
        var prevComment = [];
        function showReply(n) {
            if (prevComment != "") {                
                $("#divReply" + prevComment[0]).hide();
                prevComment.pop(prevComment[0]);
                $("#divReply" + n).show();
                prevComment[0] = n;
            } else {
                prevComment[0] = n;
                //alert('Null');
                $("#divReply" + n).show();
            }
            return false;
        }
        function closeReply(n) {            
            $("#divReply" + n).hide();
            return false;
        }        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div style="width:100%">
    <asp:DataList ID="viewdatalist" runat="server" Width="100%" 
        onitemdatabound="viewdatalist_ItemDataBound">
        <ItemTemplate>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div style="width: 100%;">
                        <table style="margin: 3px 5px; width: 100%;">
                            <tr>
                                <td style="width: 55px; vertical-align: text-top;">
                                    <asp:Image ID="ImageParent" runat="server" CssClass="imag" Width="50" Height="50"
                                        ImageUrl='<%#Eval("imagedata") %>' />
                                    <asp:Label ID="Label1" runat="server"  Text='<%# Eval("first_name") %>' Style="margin: -5px 0px 0px 0px;
                                        font-weight: bold; font-size: 10px; color: #f00;"></asp:Label>
                                        <br />
                                  <asp:Label ID="lbltime" runat="server" Text='<%# GetTimeAgo(Eval("date_time")) %>' CssClass="timecls">
                                  </asp:Label>

                                </td>
                                <td style="padding: 0px 5px; text-align: left; vertical-align: top;">
                                    <asp:Label ID="lablepost" runat="server" Text='<%# Eval("post_text") %>' Font-Names="Verdana"
                                            Font-Size="10pt" ForeColor="Black"></asp:Label><br />
                                     <br /><br />
                                      <asp:Image ID="im11" runat="server" ImageUrl='<%#Eval("file_path") %>' Width="160px"
                                            Height="160px" CssClass="image" /><br />                                            
                                            
                                        <video id="VideoPlayer" src='<%#Eval("video_link") %>' runat="server" controls="true"
                                            width="300" height="200" type="video/mp4"></video>
                                     <br />
                                </td>
                            </tr>
                            <tr>                            
                                    <td style="text-align:left; font-family: Verdana; font-size: 8pt;padding-left:14%" colspan="2">
                                        <asp:LinkButton ID="LinkButton3" CommandName="like" CommandArgument='<%#Eval("pid") %>'
                                            runat="server" Text='Like' CausesValidation="false">
                                        </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:LinkButton ID="LinkButton1" CommandName="ShowComment" CommandArgument='<%#Eval("pid") %>'
                                            runat="server"  Text="Comment" CausesValidation="false"></asp:LinkButton>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:LinkButton ID="LinkButton2" CommandName="share" CommandArgument='<%#Eval("pid") %>'
                                            runat="server" CausesValidation="false">Share</asp:LinkButton>
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        <br />
                                        <asp:Label ID="lblpostid" runat="server" Visible="false" Text='<%#Eval("pid") %>'></asp:Label>
                                    </td>                                  
                            </tr>                            
                        </table>
                    </div>
                </div>
                </div>
                <asp:DataList ID="dl1" runat="server">
                    <ItemTemplate>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div style="width: 100%;">
                                    <table style="margin: 3px 5px; width: 100%;">
                                        <tr>
                                            <td style="width: 55px; vertical-align: text-top;">
                                                <asp:Image ID="Image1" runat="server" CssClass="img-responsive" Width="50" Height="50"
                                                    ImageUrl='<%# Eval("imagedata") %>' />
                                                <asp:Label ID="Label1" runat="server" Text='<%#Bind("First_name") %>' Style="margin: -5px 0px 0px 0px;
                                                    font-weight: bold; font-size: 10px; color: #f00;"></asp:Label>
                                                <br />
                                            </td>
                                            <td style="padding: 0px 5px; text-align: left; vertical-align: top;">
                                                <asp:Image ID="Image111" runat="server" ImageUrl='<%#Eval("im_name") %>' Width="150px"
                                                    Height="120px" />
                                                <br />
                                                <asp:Label ID="lblParentCommentID" Visible="false" runat="server" Text='<%# Eval("commentID") %>'></asp:Label>
                                                <asp:Label ID="Label6" runat="server" Visible="false" Text='<%#Eval("CommentID") %>'></asp:Label><br />
                                                <asp:Label ID="lblParentMessage" runat="server" Text='<%# Eval("Commentmessage") %>'></asp:Label>
                                                <br />
                                                <asp:Label ID="lbltime1" runat="server" Text='<%# GetTimeAgo(Eval("comment_date")) %>'></asp:Label>
                                                <div>
                                                    <a id='lnkReplyParent<%# Eval("commentID") %>' href="javascript:void(0)" onclick="showReply(<%# Eval("commentID") %>); return false;">
                                                        Reply</a> <a id="lnkCancel" href="javascript:void(0)" onclick="closeReply(<%# Eval("commentID") %>); return false;">
                                                            Cancel</a>
                                                </div>
                                                <div id='divReply<%# Eval("commentID") %>' style="display: none">
                                                    <asp:TextBox ID="txtCommentReplyParent" runat="server" CssClass="form-control" TextMode="MultiLine">
                                                    </asp:TextBox>
                                                    <asp:Button ID="btnReplyParent" runat="server" Text="Reply" CssClass="btn btn-primary input-sm"
                                                        Style="float: right; margin: 5px;" CommandName="CommentParent" />
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding-left: 75px;">
                                <asp:DataList ID="dlchildcomment" runat="server">
                                    <ItemTemplate>
                                        <div style="width: 100%;">
                                            <table style="margin: 3px 5px; width: 100%;">
                                                <tr>
                                                    <td style="width: 45px; vertical-align: text-top;">
                                                        <asp:Image ID="ImageChild" runat="server" CssClass="img-circle" Width="45" Height="45"
                                                            ImageUrl='<%#Eval("imagedata") %>' />
                                                    </td>
                                                    <td style="padding: 0px 5px; text-align: left; vertical-align: top;">
                                                        <asp:Label ID="lblParentCommentID_Child" Visible="false" runat="server" Text='<%# Eval("parentCommentID") %>'>
                                                        </asp:Label>
                                                        <asp:Label ID="Lfname" runat="server" Font-Names="verdana" Font-Size="8pt" Text='<%#Bind("First_name") %>'> </asp:Label>
                                                        <br />
                                                        <asp:Label ID="lblChildCommentID" runat="server" Visible="false" Text='<%# Eval("C_ID") %>'></asp:Label>
                                                        <asp:Label ID="lblChildMessage" runat="server" Text='<%# Eval("child_CommentMessage") %>'></asp:Label><br />
                                                        <asp:Label ID="lblChildDate" runat="server" Text='<%# GetTimeAgo(Eval("child_CommentDate")) %>'></asp:Label>
                                                        <div>
                                                            <a id='lnkReplyChild<%# Eval("C_ID") %>' href="javascript:void(0)" onclick="showReply(<%# Eval("C_ID") %>); return false;">
                                                                Reply</a>&nbsp;&nbsp; <a id="lnkCancel" href="javascript:void(0)" onclick="closeReply(<%# Eval("C_ID") %>); return false;">
                                                                    Cancel</a>
                                                        </div>
                                                        <div id='divReply<%# Eval("C_ID") %>' style="display: none">
                                                            <asp:TextBox ID="txtCommentChild" runat="server" CssClass="form-control" TextMode="MultiLine"></asp:TextBox>
                                                            <asp:Button ID="btnReplyChild" runat="server" Text="Reply" CssClass="btn btn-primary input-sm"
                                                                Style="float: right; margin: 5px;"  />
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                    </ItemTemplate>
                                </asp:DataList>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:DataList>
        </ItemTemplate>
    </asp:DataList>
    </div>
</asp:Content>