Knowledge Base |
Accordion Panel V3
Accordion Panel V3 is a professional accordion component that loads movies and movieclips and supports both horizontal and vertical orientation, it supports customized tweens, states and visual styles. Here are all known issues for Accordion Panel V3. If you have any questions that you think we should discuss here please let us know.
Open the Accordion Panel upwards
First of all you have to create an "invisible" title item and content. You have to create a state (and apply a style) for the first item of the accordion panel. On the attached files, if you open the expandUpwards.fla inside the Library you'll find the AP_GreenA2_style2_false_up item which have the same linkage id as its name. If you open that movieclip you'll notice that it is an empty one. This way we will have the invisible title. Inside the XML file you have to let the title parameter empty and you must create an style for the "invisible" item as below:
<item style="style2" title="" contentPath="test.swf" contentSize="150" />
.....
.....
<style2>
<states>
<up>
<mcLinkageId>AP_GreenA2_style2_false_up</mcLinkageId>
</up>
</states>
</style2>
......
As you've noticed the content of the first item is test.swf which is an empty swf file (see the test.fla file).
Once you have done all these steps, all you have to do is to add a snippet that will collapse the second item (the second item of the accordion panel is the first visible one) on second click on it.
Too confusing? Download the attached example.
Files: expandUpwards.zip