[HTML]<%@ Page Language="C#" AutoEventWireup ="true" CodeFile="Panel .aspx.cs" Inherits="Defau lt2" %>
<%@ Register assembly="AjaxC ontrolToolkit" namespace="Ajax ControlToolkit" tagprefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Welcom e</title>
<link href="UserStyle Sheet.css" rel="stylesheet " type="text/css" />
<script type="text/javascript">
function doToggle()
{
var cpe = $find("cpe");
cpe._animation. _fps = 30;
cpe._animation. _duration = 0.20;
if (cpe.get_Collap sed())
{
cpe._doOpen();
}
else
{
cpe._doClose();
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<!---------------------------------------------!-->
<asp:ScriptMana ger ID="ScriptManag er" runat="server">
</asp:ScriptManag er>
<!---------------------------------------------!-->
<div id="Panels" style="width: 28%;">
<div id="Head1" onclick="doTogg le();">
HEADER <asp:Label ID="lbl1" runat="server"> </asp:Label>
</div>
<asp:Panel ID="Panel1" runat="server" CssClass="Conte nt">
ASP.NET AJAX is a free framework for quickly creating a new generation of more efficient,
more interactive and highly-personalized Web experiences that work across all the
most popular browsers.
</asp:Panel>
<!---------------------------!-->
<div id="Head2" onclick="doTogg le();">
HEADER <asp:Label ID="lbl2" runat="server"> </asp:Label>
</div>
<asp:Panel ID="Panel2" runat="server" CssClass="Conte nt">
saadASP.NET AJAX is a free framework for quickly creating a new generation of more efficient,
more interactive and highly-personalized Web experiences that work across all the
most popular browsers.
</asp:Panel>
</div>
<cc1:Collapsibl ePanelExtender ID="cpe" runat="server"
TargetControlID ="Panel1" CollapsedSize=" 0" SuppressPostBac k="True"
CollapsedText=" ↓" ExpandedText="↑ " TextLabelID="lb l"></cc1:Collapsible PanelExtender>
<!---------------------------------------------!-->
</form>
</body>
</html>[/HTML]
well heres my code, i want both div tags to call doToggle() onclick event which is working fine. But the target TargetControlID of CollapsiblePane lExtender remains same, which is causing only one div (Head1) to get slided.
40
