<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
viewSourceURL="srcview/index.html"
width="205" height="185">
<s:states>
<s:State name="s1"/>
<s:State name="s2"/>
</s:states>
<s:transitions>
<s:Transition toState="s2" autoReverse="true">
<s:Sequence>
<s:Move targets="{[button1, button2, button3]}"/>
<s:AddAction target="{panel}"/>
<s:Fade target="{panel}"/>
</s:Sequence>
</s:Transition>
<s:Transition toState="s1" autoReverse="true">
<s:Sequence>
<s:Fade target="{panel}"/>
<s:Move targets="{[button1, button2, button3]}"/>
</s:Sequence>
</s:Transition>
</s:transitions>
<s:Button id="button1" x="0" x.s2="160" y="0" width="40"
click="currentState=(currentState == 's1') ? 's2' : 's1'"/>
<s:Button id="button2" x="0" x.s2="160" y="25" y.s2="160" width="40"/>
<s:Button id="button3" x="0" y="50" y.s2="160" width="40"/>
<s:Panel id="panel" includeIn="s2" width="150" height="150"/>
</s:Application>