Source code location: ./msajax/ms_ajax_animation.aspx

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Microsoft AJAX Animation Test</title>
</head>
<body>
    <form runat="server">
    <asp:ScriptManager runat="server" />
    <p>
        <asp:Button id="Hide" Text="Hide" runat="server" OnClientClick="return false;" /> 
        <asp:Button id="Show" Text="Show" runat="server" OnClientClick="return false;" />
        <ajaxToolkit:AnimationExtender id="HideEdentityAnimation" runat="server" TargetControlID="Hide">
            <Animations>
                <OnClick>
                    <Sequence>
                        <EnableAction Enabled="false" />
                         <Parallel Duration="0.4">
                            <FadeOut AnimationTarget="foo" />
                            <StyleAction AnimationTarget="foo" Attribute="display" Value="None" />
                         </Parallel>
                         <EnableAction Enabled="true" />
                    </Sequence>
                </OnClick>
            </Animations>
        </ajaxToolkit:AnimationExtender>
        <ajaxToolkit:AnimationExtender id="ShowEdentityAnimation" runat="server" TargetControlID="Show">
            <Animations>
                <OnClick>
                    <Sequence Duration="0.3">
                        <EnableAction Enabled="false" />
                        <StyleAction AnimationTarget="foo" Attribute="display" Value="block" />
                        <FadeIn AnimationTarget="foo" />
                        <EnableAction Enabled="true" />
                    </Sequence>
                </OnClick>
            </Animations>
        </ajaxToolkit:AnimationExtender>        
    </p>
    <p id="foo">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla faucibus, arcu 
        ac vestibulum dictum, eros pede tempus lacus, nec auctor diam nisi in nulla. 
        In bibendum. Morbi sed lectus. Maecenas nisi arcu, placerat non, tristique ac, congue 
        sed, nisi. Fusce sed ipsum. Quisque mi. Quisque venenatis. Vestibulum dictum augue 
        eget augue. Aliquam tincidunt dignissim elit. Sed mauris sapien, auctor et
        , sodales vitae, vehicula eu, dolor. Nunc sit amet nisi vitae tortor 
        condimentum nonummy. Vestibulum at est non dolor ullamcorper egestas. Nunc facilisis placerat 
        elit. Suspendisse lacus tortor, aliquam pellentesque, ultricies eu, tempus ut, dui. 
        Phasellus viverra viverra sem.    
    </p>
    <hr />
    </form>
</body>
</html>