So... I have an instance of a JQueryUI accordion. The default behavior is fine - a click on a tab opens up the panel with the content visible - but I'd like to sex it up a little bit by adding an intro/outro for the panel content: click on a tab, the panel opens, the content transitions in, etc.

Problem is that I don't know how to begin hijacking the flow. In Flash I'd use events. Here... well, here I don't have a clue what I'm doing.

Advice? Suggestions? Condemnations?

You can use events here too. There are a couple you could use, change and changestart. change is after transition animation finishes and changestart is before.

$('.ui-accordion').bind('accordionchange', function(event, ui) { ui.newHeader // jQuery object, activated header ui.oldHeader // jQuery object, previous header ui.newContent // jQuery object, activated content ui.oldContent // jQuery object, previous content });

from herehttp://docs.jquery.com/UI/Accordion#events