prevent repeat animation (animationextender)

Hey guys. I have a textbox which will expand when I click it. However, once expanded it's still obviously active and it will replay the animation when I click it again. How can I make the textbox expand (like the example below) when clicked, but then disable further animations of it? I obviously cant disable the textbox. I was thinking a conditionanimation would work but Im not that great with javascript.

<ajaxToolkit:AnimationExtender id="Ani" runat="server" TargetControlID="TextBox1"> <Animations> <OnClick> <Resize width="400px" duration="0.3" fps="10" /> </OnClick> </Animations></ajaxToolkit:AnimationExtender><asp:TextBox ID="TextBox1" Width="200px" TextMode="MultiLine" Rows="6" runat="server" />

Thanks /J

Hi,

Yeah , a conditional animation would be the way to go about this .

Try this Mark-Up ..

<
scriptlanguage="javascript">var expandCount = 1;var expandMaxCount = 1;
 
function ShouldIExpand()
{
var shouldExpand =false;
 
if ( expandCount <= expandMaxCount )
shouldExpand =
true;
expandCount++;
return shouldExpand ;
}
</script>

 <OnClick>
 
<ConditionConditionScript="ShouldIExpand()">
 <Resize width="400px" duration="0.3" fps="10" /></Condition> </OnClick> 
Hope this helps.
 
If it resolves the issue , please mark my reply as the answer

exactly what i had in mind, it works! Thanks