I have been mostly absent for the past month because my new job in Beverly Hills has been keeping me very busy. For my current project at the new gig I needed to develop a way to spring open accordion tabs on either rollover or on the drop of an item. We decided to go with a custom solution instead and didn’t have a need for the Accordion component.
However, I wanted to post the example because I think it is very useful. To create the rollOver effects, I created a headerRenderer built from a Button and the Button’s own events. The Button headerRenderer then used its dispatch rollOver, rollOut, and click events to broadcast to the Accordion panel. The accordion tab headers are already buttons, but I wanted buttons that broadcast their events when I dragged over them or dropped items on the tab headers.
I could also have easily caused the accordion tabs to open on mouseOver without drag by using the same headerRenderer and adding events that fire those events. One more item I added was a way to broadcast a custom event that is broadcast on drop to pass the drop object data to the accordion from the headerRenderer. The example is pretty straight forward, so please take a look.