Accordion Sliding to Screen Top on Open

http://cesarvillaca.com/temp/accordion_top_scroll/

I'm using the MooTools v1.2 Accordion script. I have an issue with my accordion data not scrolling properly. If you go to the link posted above you will see that if you scroll down, then hit the Toggle 2 button that the beginning of Toggle 2 data shoots up higher than the screen top forcing you to scroll up again to read the beginning. What I want is for the accordion to open and move to the top of the visible screen.

I did find a little info on whats happening here, http://groups.google.com/group/mootools-users/browse_thread/thread/b325f261759d09d0?hl=en but there is no solution present.

I know it can be done as it is kinda on the following pages, but I cant seem to see how they did it.
http://blog.medianotions.de/assets/demos/mootools-nested-accordion_1.2/
http://cim.saddleback.edu/~jmolina10/#
http://kumalabs.com/ingesi/

Any help is much appreciated. Thank you.

 

Thanks to Fang @ webdeveloper.com forums.

Solution - Add the following line to the following function.

el.scrollIntoView(true);

Code (markup):

 
onComplete:function(el){
     if(el.getSize().y>0){
          el.setStyle('height','auto');
     }
     el.scrollIntoView(true);
}

Code (markup):

 

I have been having a similar issue. I have about 20 horizontal accordions stacked and everything works great in Safari, Chrome and Firefox but in Internet Explorer whenever I open an accordion on the bottom of the page it automatically jumps me back to the top of the page. It sounds like your advice in this thread could be the fix. Could you please let me know if your answer will fix my problem as well and where exactly do I place the script? Thanks.