How to make Flex Accordion slide from one pane to another?

If you add an Accordion navigation component to Flex Application, like this:

    <mx:Accordion x="14" y="570" width="321" height="200">
        <s:NavigatorContent label="Accordion Pane 1" width="100%" height="100%">
        </s:NavigatorContent>
        <s:NavigatorContent label="Accordion Pane 2" width="100%" height="100%">
        </s:NavigatorContent>
    </mx:Accordion>

then your Accordion's panes will jump open and closed instantly.

Question is: what code should开发者_StackOverflow中文版 I write to make my Accordion's panes switching animated?

(Like in Adobe's demo called Tour de Flex)

To see what I mean by animated switching between panes:

1) go here: http://www.adobe.com/devnet-apps/flex/tourdeflex/web/

2) select Other Components -> Containers -> Super Accordion in the left pane

3) click on Super Accordion's pane headers and see them moving

Thanks!

Add 'openDuration' attribute to 'Accordion'. The number should be in milliseconds. FTQuest