Conditional Animation

Hi all,

I have an animation question.

I have a delete button and confirm delete button. So when you first click delete, I would show you the confirm delete button. After you click the confirm delete button, then i will delete the items.

The animation i would like is when you click "Delete", the area where the confirm delete button "FadeIn", and when you click "ConfirmDelete", first, a message will be display in the area stating that certain records has been deleted, while the area where the confirm delete button is slowly fade out. Liek the typical basecamp type of thing.

The problem I'm having is when Delete button is clicked, at first it did "FadeIn", but without confirmdelete button clicked, it faded out by itself. What am I doing wrong? If I take out the "fadeout" tag, and I have a conditional statement there. seems like it's working. Only when the "confirmDelete" button is clicked, would the script execute. As soon as I put the "fadeout" tag back in, i don't udnerstand why "fadout" was execute automatically.

<atlas:UpdatePanelID="UpdatePanel1"runat="server"Mode="conditional">

<ContentTemplate>

<divid="Warning"visible="false"runat="Server">

<p><asp:LiteralID="WarningMessage"runat="server"/></p>

<divclass="confirm">

<asp:ButtonID="ConfirmDeleteTrash"CssClass="ctrolSubmit"Text="Delete"OnClick="DeleteOrTrashItems"runat="server"/> or<ahref="#">Cancel</a>

</div>

</div>

</ContentTemplate>

<Triggers>

<atlas:ControlEventTriggerControlID="Delete"EventName="Click"/>

<atlas:ControlEventTriggerControlID="ConfirmDeleteTrash"EventName="Click"/>

</Triggers>

</atlas:UpdatePanel>

<atlasToolkit:UpdatePanelAnimationExtenderID="upae"runat="server">

<atlasToolkit:UpdatePanelAnimationPropertiesTargetControlID="UpdatePanel1">

<Animations>

<OnUpdating>

<FadeInDuration="2"Fps="25"

AnimationTarget="Warning"

minimumOpacity=".2"

/>

</OnUpdating>

<OnUpdated>

<Sequence>

<Parallelduration="5"Fps="25">

<ConditionConditionScript="$('ConfirmDeleteTrash').click">

<FadeOut/>

<ScriptActionScript="alert('ConfrimDeleteTrash cicked!');"/>

</Condition>

</Parallel>

</Sequence>

</OnUpdated>

</Animations>

</atlasToolkit:UpdatePanelAnimationProperties>

</atlasToolkit:UpdatePanelAnimationExtender>

Hi,

This seems to be a duplicate of the post inthis thread.

Thanks,
Ted