Accordion Sliding to Screen Top on Open

[cesarcesar]

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.

[cesarcesar]

Thanks to Fang @ webdeveloper.com forums.

 

Solution - Add the following line to the following function.

 

el.scrollIntoView(true);

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