hello sir in my code when i click on panel 3 whole panel is not shut with the content where the content of the panel 4 is not shut to the panel 3
means not close
please execute them
here is my code
aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm88.aspx.cs" Inherits="WebApplication14.WebForm88" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" />
<script src="https://kit.fontawesome.com/a7aa8e95dc.js" data-crossorigin="anonymous"></script>
<%-- <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />--%>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<link rel="stylesheet" type="text/css" href="fontawesome-free-5.14.0-web/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<style>
.main {
text-align:center;
font-family:"Times New Roman";
}
.marq {
padding-top:30px;
padding-bottom:30px;
}
.geek1 {
font-size:36px;
font-weight:bold;
color:white;
text-align:center;
}
.geek2 {
text-align:center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div style="width: 270px; background: white; border:1px solid; border-color:grey;">
<asp:Panel runat="server" ID="panel3">
<div style="font-weight: bold; background-color: white; border:1px solid; border-color:grey">
<table data-width="100%">
<tr>
<td style="margin-left:40px">
<h1 style="font-size:10px;"> QUICK ACTIONS</h1>
<asp:Label runat="server" ID="Label1" />
</td>
<td data-align="right" data-width="10px">
<asp:Image ID="Image2" runat="server" />
</td>
</tr>
</table>
</div>
</asp:Panel>
<marquee behavior="scroll" direction="up">
<div style="width:255px; margin-left:7px">
Please visit the site regularly for
latest news of Admission and
Counselling Schedule.</div>
<hr />
<div style="width:255px; margin-left:7px; background-color:deeppink; color:white">
Online registration and filling of
admission forms for all new and
ongoing classes (except Sem-I of
Post Graduate classes) is going<br />
on.</div>
<asp:Panel runat="server" ID="panel4" Width="98%" HorizontalAlign="center">
</asp:Panel>
</marquee>
<ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender1" TargetControlID="panel4"
CollapseControlID="panel3" ExpandControlID="panel3" Collapsed="false" CollapsedSize="0"
ExpandedSize="50" ExpandedText="" CollapsedText="" TextLabelID="label1"
ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</div>
</form>
</body>
</html>