Hi, I have a project that requires a collapsible accordion-like menu for a dashboard. It is to be used to select an item from a company's hierarchy. The top level is Groups, below each Group are Market Areas and below each Market Area are Business Units. Initially the menu would be in it's closed state with only the Groups showing. When you click on a Group, it should open to show the nested Market Areas underneath it and also raise an event that will trigger some functions. Likewise, when a Market Area is clicked, the child business units should be shown and the event raised.
I originally tried nesting accordion controls but found that this didn't give me the results I wanted. When the accordions are opened and collapsed, they do not properly resize to show all the nested children inside of it. I have currently built the menu in a non-collapsible form using nested Vbox and Button controls. This is generated using dynamically inserted components that are added recursively based on a data from a web service. It works well, but it does not collapse and since there are so many locations, it makes it somewhat cumbersome for the user. Does anyone know of an example of a menu like this or do you have any suggestions about the best way to go about making the collapse work? The entire menu must be completely generated using actionscript. I want avoid using any static MXML controls. Here is a link to an image of the menu in its current state. http://www.concerts.com/assets/temp/NavMenuShot.jpg Thanks, JC

