When you click on the "Hide" button at the bottom right it
goes to a different state, then when you click on the rectangle on
the right it should go back to the initial state... it kinda does
but the components are not randared properly.
Your Hide Chat Rooms state has a lot going on and sequencing
those things is tricky - restoring them can be even harder as you
The trick with states and transitions is to be as simple as
possible. However, when you want to return to your base state you
have undo what you've done. You see where you have those
<mx:RemoveChild> and <mx:AddChild> tags in your Hide
Chat Rooms state? When you restore to your base state, Flex is
going to use AddChild to put back the one(s) removed with
RemoveChild and use RemoveChild to remove the ones added with
AddChild. So your transition should reflect that including
AddChildAction and RemoveChildAction tags in the Sequence of events
in the transition from Hide Chat Rooms to the base state.
You'll have to experiment a little to insert them into the
sequence, but it is generally in the reverse order you have them in
the first state.