How to us Accordion window in Flex


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel x="119" y="63" width="382" height="268" layout="absolute" title="Accordion select">
<mx:HBox width="100%" height="100%" id="hbox6">
<mx:Accordion width="100%" height="100%">
<mx:Canvas width="100%" label="Accordion 1">
</mx:Canvas>
<mx:Canvas width="100%" label="Accordion 2">
</mx:Canvas>
<mx:Canvas width="100%" label="Accordion 3">
</mx:Canvas>
<mx:Canvas width="100%" label="Accordion 4">
</mx:Canvas>
</mx:Accordion>
</mx:HBox>
</mx:Panel>
</mx:Application>