Hi

Looking for some help in trying to resolve what ought to be a simple problem.

I have a very straight forward accordion setup, as per following code. It uses standard <h3> elements for the headers, and insofar as that goes it's working great. However, the extra bit I'm trying to achieve is in getting the web page to scroll so that the header that is clicked upon positions to the top of the viewport. For example, if I click on an expandable <h3> header within the accordion, that section expands and ideally the heading for that section will have scrolled such that it now appears at the top of the viewport/browser window. The reason being is that some sections within the accordion have quite a bit of content, and if I could achieve this desired effect that would be the icing on the cake. Any help would be appreciated. Thanks.

1.   $(function() {
      $( "#accordion" ).accordion({
       heightStyle: "content",
       collapsible: true
      });