[flexcoders]How do States and Transitions relate?

[dorkie dork from dorktown]

Hi All,

I'm trying to understand how transitions relate to states and I don't really
get it. I've been through the docs but it still is not clear to me. For
example, what does the "Action" mean? Are transitions supposed to be some
sort of ordering mechanism? I have taken some code from the documentation
and modified it here:

   <mx:states>
       <mx:State name="menuTop">
           <mx:SetProperty target="{linkBarNav}" name="visible"
value="false"/>
           <mx:SetProperty target="{menu}" name="y" value="43"/>
           <mx:SetProperty target="{linkBarNav}" name="y" value="-1"/>
       </mx:State>
   </mx:states>

   <mx:transitions>
       <!-- Define the transition from the base state to the menuTop
state.-->
       <!-- I want to move menu and link bar up and then reveal linkbar.
menu is visible all the time.-->
       <mx:Transition id="menuTopTransition" fromState="*"
toState="menuTop">
           <mx:Sequence targets="{[menu, linkBarNav]}">
               <mx:RemoveChildAction/>
               <mx:SetPropertyAction target="{menu}" name="visible"/>
               <mx:Move duration="300" targets="{[menu, linkBarNav]}"/>
               <mx:WipeRight duration="200" target="{linkBarNav}"/>
               <mx:AddChildAction/>
           </mx:Sequence>
       </mx:Transition>
   </mx:transitions>