HI I i need maximize and minimize and close chatt panel i am using this coding hear please check it and tell me what i need to change
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="userchat.aspx.cs" Inherits="userchat" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!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">
<link href="Stylesheet/chat.css" rel="stylesheet" type="text/css" />
<title></title>
<style type="text/css">
.bgcss {
background-color: black;
opacity: 0.5;
}
.min {
top: 96% !important;
}
#Table1
{
height: 295px;
}
.style1
{
height: 133px;
}
</style>
<script type="text/javascript">
$(function () {
$("#btnmax").attr("disabled", "disabled");
$("#btnmin").click(function () {
$("#Pnlchat").addClass("min");
$("#btnmin").attr("disabled", "disabled");
$("#btnmax").removeAttr("disabled");
event.preventDefault();
});
$("#btnmax").click(function () {
$("#Pnlchat").removeClass("min");
$("#btnmax").attr("disabled", "disabled");
$("#btnmin").removeAttr("disabled");
event.preventDefault();
})
})
</script>
</head>
<body>
<form id="Form1" method="post" runat="server">
<asp:toolkitscriptmanager ID="Toolkitscriptmanager1" runat="server"></asp:toolkitscriptmanager>
<%-- <div id="Divchat" runat="server" >--%>
<%--<asp:Button ID="btnshow" runat="server" Text="SHow" />--%>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnshow" PopupControlID="Pnlchat" BackgroundCssClass="bgcss" CancelControlID="btnclose"></asp:ModalPopupExtender>
<asp:ImageButton ID="btnmin" runat="server" Width="20px" ImageUrl="~/Images/mini.png"
Height="14px" onclick="btnmin_Click"/>
<asp:ImageButton ID="btnshow" runat="server" Width="20px"
ImageUrl="~/Images/maxm.png" Height="14px" onclick="btnshow_Click" />
<asp:ImageButton ID="btnclose" runat="server" Width="20px" ImageUrl="~/Images/closed.png" Height="14px" />
<%--<asp:Panel ID="Panel2" runat="server" ScrollBars="Both" >--%>
<asp:Panel ID="Pnlchat" runat="server" ScrollBars="Both" Width="480px" Height="460px" BackColor="White" ClientIDMode="Static">
<table id="Table6" cellspacing="0"
border="0"><%-- style="margin-left: 400px; width: 644px; height: 418px;"456"--%>
<tr>
<td width="-20px">
</td>
</tr>
<tr>
<td bgcolor="orange" width="-20px">
<%--<TD ><IMG src="orange1.gif" bgColor="orange" ></TD>--%>
<strong >e-krish Chatt room :
<asp:Label ID="Lblusergroup" runat="server" Font-Size="9px"></asp:Label>
<asp:LinkButton Font-Size="9px"
ID="Lblsignout" runat="server" OnClick="Lblsignout_Click" CommandArgument='<%#Eval("Group_Id") %>'>SignOut</asp:LinkButton></strong>
            
<%-- <asp:ImageButton ID="btnminimize" runat="server" ImageUrl="~/Images/crt.png" CssClass=btn-minimize Height="20px" Width="25px" alighn="left"/>--%>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtchatt" runat="server" Style="border: 2px solid orange; background-color: #ffffcc; margin-top: 0px; margin-right: 0px;"
TextMode="MultiLine" Height="360px" Width="470px" ></asp:TextBox>
<%-- <iframe style="border: 2px solid orange; width: 465px; height: 250px; background-color: #ffffcc;
margin-left: 0px; margin-top: 0px;" src="TheChatScreenWin.aspx" id="I1" name="I1">
Chat</iframe>--%>
</td>
</tr>
<tr>
<td bgcolor="orange" height="4px" >
Message:
<asp:TextBox ID="TB_ToSend" runat="server" Width="240px" TabIndex="1"></asp:TextBox>
<asp:Button ID="BT_Send" runat="server" Text="Send" Width="80px" TabIndex="2" OnClick="BT_Send_Click">
</asp:Button>
</td>
</tr>
</table>
</asp:Panel>
<%-- </asp:Panel>--%>
<%-- </div>--%>
<%--<div id="dvgrp" runat="server" style="width: 14%; height: 334px" >--%>
<asp:Panel ID="Pnlgrp" runat="server" ScrollBars="Both" Height="284px"
Width="18%"
style="margin-left: 1051px; margin-right: 0px; margin-top: 131px;" >
<table style="width: 196px">
<tr>
<td bgcolor="#ff6600">
Chatt Group<asp:GridView ID="Grdgroup" runat="server"
AutoGenerateColumns="False" bgcolor="orange" Height="240px"
style="margin-left: 0px" Width="181px"
onrowdatabound="Grdgroup_RowDataBound"
onselectedindexchanged="Grdgroup_SelectedIndexChanged"
>
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Panel ID="Panel1" runat="server">
<table>
<tr style="width: 0.1px">
<td width="10px">
<asp:Image ID="imgSeeLess" runat="server" />
</td>
<td style="width: 11%;">
<%-- <asp:LinkButton ID="lnkExpand" runat="server" Font-Size="12px"
OnClientClick="return false;" Width="100px"></asp:LinkButton>--%>
<asp:LinkButton ID="lnkExpand" runat="server" Font-Size="12px" OnClientClick="return false;" Width="100px"
Text='<%#Eval("Group_Name") + "(" + Eval("count") + ")"%>'></asp:LinkButton>
</td>
<asp:CollapsiblePanelExtender id ="clps" runat="Server" AutoCollapse="False"
AutoExpand="False" CollapseControlID="lnkExpand" Collapsed="True"
CollapsedImage="~/Images/arrow_collapsed1.png"
ExpandControlID="lnkExpand" ExpandDirection="Vertical"
ExpandedImage="~/Images/arrow_expanded1.png"
ImageControlID="imgSeeLess" ScrollContents="False" TargetControlID="pnlSeeMore"
TextLabelID="lnkExpand" ></asp:CollapsiblePanelExtender>
<td>
<%-- <asp:LinkButton ID="LinkButton1" runat="server" Font-Size="12px"
Text='<%#Eval("Group_Name") + "(" + Eval("count") + ")"%>'></asp:LinkButton>--%>
</td>
</tr>
</table>
</asp:Panel>
<asp:Panel id="pnlSeeMore" runat="Server" Direction="LeftToRight" >
<table>
<tr>
<td>
<asp:LinkButton ID="Lnkusers" runat="server" Text='<%# Bind("UserName") %>'
Font-Size="12px" onclick="Lnkusers_Click" CommandName = "Username" ></asp:LinkButton>
<%-- CommandArgument='<%#Eval("ID") %>'--%>
<%--<a href="#" onclick='openWindow("<%# Eval("Code") %>");'>View Details</a>--%>
</td>
</tr>
</table>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</asp:Panel>
<%--</div>--%>
</form>
</body>
</html>