accordion keep clicked header in view

accordion keep clicked header in view

Hi,

I'm using jQuery 1.4.2 with jQueryUI 1.8.4.

I have an accordion on a page in a div. Everything is working well with the following exception:
There are around 20-30 headers in the accordion. If I scroll down and select a header from the bottom the header content opens (as is should) but it display the last entries (the content bottom) while the top is not visible so I have to scroll up to display the header that I just clicked on. It's a usability issue ...

Hopefully my explanation makes sense
I have tried different  things with no luck.

Any idea how I can keep the accordion header just clicked in view?


Thanks in advance.
Mike