How to use animation extender for fade-in and fade-out

See more:

C#

ASP.NET

I want to fade-in and fade-out a panel on click of a button. In the following code a click on the
panel helps the panel to fade away. How to use the button for both to happen.

<asp:UpdatePanel ID="UpdatePanel133" runat="server" >
    <ContentTemplate>
    <asp:Panel ID="ss" runat="server"  style=" width:544px; height:333px; background-color:Red; margin-left:230px; top:312px">
    </asp:Panel>
<asp:Button ID="Animate" runat="server" OnClick="ClickToAnimate" Text="ClickToAnimate" BackColor="Green" style="
     margin-left:12px; height:24px" />
<asp:AnimationExtender id="MyExtender"
  runat="server" TargetControlID="ss">
  <Animations>
    <OnClick>
      <FadeOut Duration=".5" Fps="20" /><%-- FadeIn =".1" Fps="10"/>--%>
    </OnClick>
  </Animations>
</asp:AnimationExtender>
</ContentTemplate>
    </asp:UpdatePanel>

protected void ClickToAnimate(object sender, EventArgs e)
  {

  }