Hide and show a control

           


<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Sequence id="ZoomRotateHide">
        <mx:Rotate id="myRotateHide" />
        <mx:Zoom id="myZoomHide" zoomHeightFrom="1.0" zoomWidthFrom="1.0" zoomHeightTo="0.0" zoomWidthTo="0.0" />
    </mx:Sequence>
    <mx:VBox id="myBox" height="100" width="200">
        <mx:TextArea id="aTextArea" text="hello" hideEffect="{ZoomRotateHide}" />
    </mx:VBox>
    <mx:Button id="myButton1" label="Show!" click="aTextArea.visible=true;" />
    <mx:Button id="myButton2" label="Hide!" click="aTextArea.visible=false;" />
</mx:Application>

Related examples in the same category

1.	Sequence Effect
2.	Sequence Effect With Easing
3.	Play a Sequence
4.	Nesting two parallel composites in a sequence
5.	Using AnimateProperty to animate control by property
6.	Animate the scaleX property of a control

Hide and show a control : Sequence « Effects « Flex

Related examples in the same category