Hi
try this code...
do modifications as per your requirements
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="POC.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var openpopup = function () {
document.getElementById('inline1').style.visibility = 'visible';
}
var closepopup = function () {
document.getElementById('inline1').style.visibility = 'hidden';
}
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="gv" runat="server">
<Columns>
<asp:TemplateField HeaderText="header text ">
<ItemTemplate>
<li><a href="#inline1" önclick="openpopup()" id="various1">
<%# Eval("value")%></a></li>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<div id="inline1" style="width: 520px; background-color: Blue; height: 400; overflow: auto;
visibility: hidden">
<table width="100%" border="0" cellspacing="5" cellpadding="6" class="tbt">
<tr>
<td>
<asp:Button ID="Button1" OnClientClick="closepopup(); return false;" runat="server" Text="close" />
</td>
<td>
<h2>
your content to display .......
</h2>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>