Adding Close button to the panel

See more:

ASP.NET

Ajax

Hi all,

I would like to add a close button to the panel which I am using as target for my Ajax animation Extender, so that when client clicks the button the panel gets closed.

I have used this code

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
 </asp:ToolkitScriptManager>

 <asp:Button ID="btn_Animate" runat="server" Text="Animate" OnClientClick="return false;" />
<br />


<asp:Panel ID="panel_Animated2" runat="server" CssClass="Animation2">
              Hi this is a new animation
</asp:Panel>
      <br />
      <asp:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btn_Animate">

      <Animations>
          <OnClick>
              <Sequence AnimationTarget="panel_Animated2">
                  <EnableAction AnimationTarget="btn_Animate" Enabled="false" />
                      <StyleAction Attribute="display" Value="Block" />
                          <Parallel >
                              <FadeIn Duration="1" Fps="20"  />
                              <Scale Duration="1" Fps="20" ScaleFactor="30.0" Center="true" />
                              <Color PropertyKey="color" StartValue="#FFFFFF" EndValue="#660033" />
                          </Parallel>
                      </Sequence>
           </OnClick>
      </Animations>

     </asp:AnimationExtender>