- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Style>
- .accHeader {
- fillColors: haloSilver, haloBlue;
- fillAlphas: 1.0, 0.5;
- selectedFillColors: black, black;
- }
- </mx:Style>
- <mx:Accordion id="accordion"
- headerStyleName="accHeader"
- resizeToContent="true"
- width="100%">
- <mx:VBox label="Red"
- backgroundColor="red"
- width="100%"
- height="200" />
- <mx:VBox label="Orange"
- backgroundColor="haloOrange"
- width="100%"
- height="120" />
- <mx:VBox label="Yellow"
- backgroundColor="yellow"
- width="100%"
- height="160" />
- <mx:VBox label="Green"
- backgroundColor="haloGreen"
- width="100%"
- height="80" />
- <mx:VBox label="Blue"
- backgroundColor="haloBlue"
- width="100%"
- height="140" />
- </mx:Accordion>
- </mx:Application>