XML Driven Accordion

XML Driven Accordion Perfect file to function as a portfolio viewer, mini-site or maybe even for navigational purposes. An easy to use accordion that you can give any size you want just by adjusting the XML file.

With the XML file you can add as many tabs as you want. From the XML you can the following to a tab:

• A label for the tab bar.
• A title and description for the text area.
• An image or swf as the content for the tab.
• A URL for each tab when clicked on.

You can also change the following parameters from the XML file:

• The width and height of each tab and thus the size of the accordion
• The height of the text area, which automatically adjusts the text field height inside it
• The alpha transparency of the text area
• The tween time (in seconds). The time it takes the tabs to slide

The textfield title and description also support HTML formatting. By placing the text in between the CDATA tags, you can e.g. give you text another font colour. The XML file contains a good example of how it’s done.

The accordion itself is a simple movieclip and thus can be add to your project by just copying the accordion mc and the acoordion folder to your library. Then just attach the accordion mc to the stage and you are good to go. Placing the accordion on stage is also shown in the file itself.

Check out my other files: