1<?xml version="1.0" encoding="utf-8"?>
 2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" currentState="toLeft">
 3    <mx:Script>
 4        <![CDATA[
 5            public function movePanel(): void
 6            {
 7                if (currentState == 'toLeft')
 8                {
 9                    currentState = 'toRight';
10                }
11                else
12                {
13                    currentState = 'toLeft';
14                }
15            }
16        ]]>
17    </mx:Script>
18    
19    <mx:states>
20       <mx:State name="toLeft">
21          <mx:SetStyle target="{catalogPanel}" name="left" value="1"/>
22       </mx:State>        
23       <mx:State name="toRight">
24           <mx:SetStyle target="{catalogPanel}" name="right" value="1"/>
25        </mx:State>
26    </mx:states>
27    
28    <mx:transitions>
29       <mx:Transition fromState="*" toState="*">
30           <mx:Sequence id="t1" target="{catalogPanel}">            
31               <mx:Parallel>
32                     <mx:Move duration="1000"/>
33               </mx:Parallel>    
34            </mx:Sequence>
35        </mx:Transition>
36    </mx:transitions>
37    
38    <mx:Panel id="catalogPanel" width="400" height="300" x="0" y="0" click="movePanel();">
39    </mx:Panel>
40    
41</mx:Application>
42