Accordion Tag with VBoxes Sandwiched in between
In this snippet, the Accordion tag holds two VBox tags as children.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Accordion height="40%" width="25%">
<mx:VBox backgroundColor="white" id="fiction" label="Fiction" fontFamily="Tahoma">
<mx:Text width="800" textAlign="center" fontSize="36" text="Fiction" />
<mx:Text textAlign="left" width="100%">
<mx:htmlText>
<![CDATA[
...some html goes here...
]]>
</mx:htmlText>
</mx:Text>
</mx:VBox>
<mx:VBox backgroundColor="white" id="nonfiction" label="NonFiction" fontFamily="Tahoma">
<mx:Text width="800" textAlign="center" fontSize="36" text="Nonfiction" />
<mx:Text textAlign="left" width="100%">
<mx:htmlText>
<![CDATA[
...some html goes here...
]]>
</mx:htmlText>
</mx:Text>
</mx:VBox>
</mx:Accordion>
</mx:Application>