here is the code.
bootstrap collapges is inside the listview so i want when user click on collapse so it should open the same row user clicks but currently its only open first row
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" OnItemDataBound="ListView1_ItemDataBound" OnItemCommand="ListView1_ItemCommand">
<ItemTemplate>
<div class="row">
<div class="col-md-1 col-xs-2">
<asp:Image ID="Image1" runat="server" CssClass="img-thumbnail" Width="40px" ImageUrl='<%# Eval("profileimage") %>' Height="40px" />
</div>
<div class="col-md-11 col-xs-10">
<h6>
<asp:Label ID="Label7" runat="server" CssClass="pull-right font-color"> <i class="fa fa-check-circle" data-toggle="tooltip" data-placement="top" title="Point"></i> </asp:Label>
<asp:Label ID="Label15" runat="server" Text='<%# Eval("UserName") %>' Visible="false"></asp:Label>
<asp:Label ID="Label13" runat="server" Text='<%# Eval("Points") %>' Visible="false"></asp:Label>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("PostID") %>' Visible="false"></asp:Label>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("FirstName") %>'></asp:Label> <asp:Label ID="Label3" runat="server" Text='<%# Eval("LastName") %>'></asp:Label>
<br /> <small>
<asp:Label ID="Label4" runat="server" Text='<%# Eval("InsertDate") %>'></asp:Label>
</small>
</h6>
</div>
</div>
<div style="padding:0px 10px;">
<h5 style="margin: 5px 5px 5px 0px;">
<small>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("Head") %>' Font-Size="12px" ForeColor="#666666"></asp:Label>
</small>
</h5>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("ext") %>' Visible="false"></asp:Label>
<asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("File") %>' CssClass="border" Width="100%" AlternateText='<%# Eval("Head") %>' ToolTip='<%# Eval("Head") %>' />
<asp:Panel ID="Panel1" runat="server" >
<video id="video" controls width="100%" class="border" height="250px" onmouseout="Stop()" onmouseover="Play()">
<source src='<%# Eval("video") %>' preload="auto" type="video/mp4">
Your browser does not support the video tag.
</video>
</asp:Panel>
</div>
<div class="padding10">
<div>
<div>
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
<i class="fa fa-comment"></i> Comment
</a>
<asp:Label ID="Label14" runat="server" CssClass="pull-right" ForeColor="#999999" Font-Size="12px"> Total Comments: <%# Eval("totalcomment") %></asp:Label>
</div><div>
</div>
</div>
<div class="collapse" id="collapseExample">
<div class="well">
<div class="comment">
<div class="row form">
<div class="input-group">
<asp:TextBox ID="TextBox1" runat="server" placeholder="Write Comment and Make Point" BorderStyle="Solid" BorderColor="#CCCCCC" BorderWidth="1px" CssClass="form-control"></asp:TextBox>
<span class="input-group-btn">
<asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="comment" Font-Underline="False" CssClass="btn btn-default"> <i class="fa fa-send"></i> </asp:LinkButton>
</span>
</div>
<div class="col-md-9 nopadding">
<br />
</div>
<div class="col-md-3 nopadding">
</div>
</div>
<asp:ListView ID="ListView2" runat="server" DataSourceID="SqlDataSource2" OnItemDataBound="ListView2_ItemDataBound">
<ItemTemplate>
<hr style="margin:10px;" />
<div class="row ">
<div class="col-md-1 col-xs-2 nopadding">
<asp:Image ID="Image3" runat="server" CssClass="img-thumbnail" Width="40px" ImageUrl='<%# Eval("profileimage") %>' Height="40px" />
</div>
<div class="col-md-11 col-xs-10 padding2">
<h6 class="nomargin">
<asp:Label ID="Label8" runat="server" Text='<%# Eval("PostID") %>' Visible="false"></asp:Label>
<asp:Label ID="Label9" runat="server" Text='<%# Eval("FirstName") %>'></asp:Label> <asp:Label ID="Label10" runat="server" Text='<%# Eval("LastName") %>'></asp:Label>
<small class="pull-right">
<asp:Label ID="Label11" runat="server" Text='<%# Eval("InsertDate") %>'></asp:Label> <asp:Label ID="Label17" runat="server" CssClass = "font-color" Font-Size="14px" > <i class="fa fa-check-circle" data-toggle="tooltip" data-placement="top" title="Point"></i> </asp:Label>
<asp:Label ID="Label16" runat="server" Text='<%# Eval("point") %>' Visible="false"></asp:Label>
</small>
</h6>
<h5 class="nomargin">
<small>
<asp:Label ID="Label12" runat="server" Text='<%# Eval("comment") %>'></asp:Label>
</small>
</h5>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</div>
</div>
</div>
<div style="text-align:center" class="action-btn">
<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView2">
<Fields>
<asp:NumericPagerField ButtonCount="10" CurrentPageLabelCssClass="active"
NumericButtonCssClass="pagination" />
</Fields>
</asp:DataPager>
</div>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:DefaultConnection %>" ProviderName="<%$ ConnectionStrings:DefaultConnection.ProviderName %>" SelectCommand="SELECT dbo.PostComment.comment, dbo.Profile.FirstName, dbo.Profile.LastName, dbo.Profile.profileimage, format(dbo.PostComment.InsertDate, 'MMM/dd/yyyy, hh:mm:ss') AS Insertdate, dbo.PostComment.CommentsId,dbo.PostComment.Point, dbo.PostComment.PostID FROM dbo.PostComment INNER JOIN dbo.Profile ON dbo.PostComment.PostedByID = dbo.Profile.ProfileId WHERE (dbo.PostComment.PostID = @PostId) ORDER BY dbo.PostComment.CommentsId DESC">
<SelectParameters>
<asp:ControlParameter ControlID="Label6" Name="PostId" PropertyName="Text" />
</SelectParameters>
</asp:SqlDataSource>
</div>
</ItemTemplate>
</asp:ListView>