[flexcoders] Applly Transition in Flex4

[j2me_soul]

I got a section of code in Flex3.
How can I achieve the same function in Flex4?
<mx:transitions>
        <mx:Transition fromState="*" toState="*">
            <mx:Sequence id="t1" targets="{[p1,p2,p3]}">
                <mx:Blur duration="100" blurXFrom="0.0" blurXTo="10.0"
                blurYFrom="0.0" blurYTo="10.0"/>
                <mx:Parallel>
                    <mx:Move  duration="400"/>
                    <mx:Resize duration="400"/>
                </mx:Parallel>
                <mx:Blur duration="100" blurXFrom="10.0" blurXTo="0.0"
                blurYFrom="10.0" blurYTo="0.0"/>
            </mx:Sequence>
        </mx:Transition>
    </mx:transitions>


    <!-- Define the Canvas container holding the three Panel containers.-->
    <mx:Canvas id="pm" width="100%" height="100%" >
        <mx:Panel id="p1" title="One" 
                x="0" y="0" width="100" height="100"
                click="currentState='One'" >
            <mx:Label fontSize="24" text="One"/>
        </mx:Panel>
        
        <mx:Panel id="p2" title="Two" 
                x="0" y="110" width="100" height="100"
                click="currentState='Two'" >
            <mx:Label fontSize="24" text="Two"/>
        </mx:Panel>
        
        <mx:Panel id="p3" title="Three" 
                x="110" y="0" width="200" height="210" 
                click="currentState=''" >
            <mx:Label fontSize="24" text="Three"/>
        </mx:Panel>
    </mx:Canvas>




<!-- In Flex4, doesn't work -->

<fx:Declarations>
<mx:Transition fromState="*" toState="*">
<mx:Sequence id="t1" targets="{[panel1, panel2]}">
<mx:Blur duration="100" blurXFrom="0.0" blurXTo="10.0"
blurYFrom="0.0" blurYTo="10.0"/>
<mx:Parallel>
<mx:Move  duration="400" xTo="0" yTo="428"/>
<mx:Resize duration="400" widthTo="106" heightTo="52"/>
</mx:Parallel>
<mx:Blur duration="100" blurXFrom="10.0" blurXTo="0.0"
blurYFrom="10.0" blurYTo="0.0"/>
</mx:Sequence>
</mx:Transition>
</fx:Declarations>


<s:Panel id="panel1" title="Panel Horizontal" 
x.premiere="0" y.premiere="313.1" width.premiere="1021" height.premiere="167"  
x.secondary="0" y.secondary="426">
<s:HGroup>
<s:Button label="Up" label.secondary="Up" 
 click.premiere="currentState='secondary'" 
click.secondary="currentState='premiere'" 
 label.premiere="Down"/>
</s:HGroup>
</s:Panel>
<s:Panel id="panel2" title="Panel vertical" width="300" height="100%" 
x.premiere="794.4" y.premiere="0" x.secondary="931.95" y.secondary="0" 
height.secondary="57" width.secondary="90" 
width.premiere="230" height.premiere="480">
<s:HGroup>
<s:Button label="Up" label.secondary="Up" 
 click.premiere="currentState='secondary'" 
click.secondary="currentState='premiere'" 
 label.premiere="Down"/>
</s:HGroup>
</s:Panel>