hello sir in my above code image cannot display when collapse or expand the panel contentit can work well ajax colllapse panel extender when click on panel 1 but an arror image like v, ^ cannot display in the panel 1
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>
<asp:ScriptManager runat="server" ID="scriptManager1" />
<div style="width: 260px; background: white; border:1px solid; border-color:grey;">
<asp:Panel runat="server" ID="panel1">
<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="textLabel" />
</td>
<td data-align="right" data-width="10px">
<asp:Image ID="Image1" runat="server" />
</td>
</tr>
</table>
</div>
</asp:Panel>
<asp:Panel runat="server" ID="panel2" Width="98%" HorizontalAlign="center">
<div class="row">
<div class="col-xm-6" style="border:1px solid; background-color:#00695C; margin-left:30px; height:80px; margin-top:15px; width:90px">
<h1 style="color:white"><i class="fa fa-user-plus" aria-hidden="true"></i> </h1>
<h5 style="margin-top:-20px; color:white">Apply now</h5>
</div>
<div class="col-xm-6" style="border:1px solid; background-color:#00838F; margin-left:140px; margin-top:-82px; height:80px; width:90px"">
<h1 style="color:white"><i class='fas fa-user-check' ></i></h1>
<h5 style="margin-top:-20px; color:white">Login</h5>
</div>
</div>
</asp:Panel>
<ajaxToolkit:CollapsiblePanelExtender runat="server" ID="cpe" TargetControlID="panel2"
CollapseControlID="panel1" ExpandControlID="panel1" Collapsed="true" CollapsedSize="0"
ExpandedSize="120" ExpandedText="" CollapsedText="" TextLabelID="textLabel"
ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg">
</ajaxToolkit:CollapsiblePanelExtender>
</div>
</div>
</form>
</body>
</html>