jQuery Accordion - will it scroll to the top of the open item?

Question

With the jQuery accordion control, how can I have it scroll to an item I've selected when it is off the screen?

When:

• I have an accordion item with contents larger than the viewable window
• I scroll down to the second accordion item
• I click the second accordion item to display it
• The first accordion option collapses, and the second opens, but slides off screen.

Is there an option for the accordion to scroll to the second item?

Answer 1

It works for me and tested,

$( "#accordion" ).accordion({     heightStyle: "content",     collapsible: true,     active: false,     activate: function( event, ui ) {         if(!$.isEmptyObject(ui.newHeader.offset())) {             $('html:not(:animated), body:not(:animated)').animate({ scrollTop: ui.newHeader.offset().top }, 'slow');         }     } }); 

http://jsfiddle.net/ilyasnone/aqw613em/