I'm trying to combine the functionality of opening a SPRY accordion from a menu with a goToByScroll function to elevate an accordion panel to the top of the page when the menu item is selected. When the link is clicked the accordion panel opens, however it doesn't elevate to the top of the browser page.

Here is an example of the link script being used:
Code:
<a href="ghana.html?panel=ghana1#ghana_anchor1" onClick="goToByScroll('ghana_anchor1')">
Here is the goToByScroll script:
Code:
<script>
function goToByScroll(id){
        $('html,body').stop().animate
({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
Here is a working page: http://www.davidkneale.com/wcusa/tanzania.html The menu down the left hand side is what I'm trying to use to open up accordions on different pages and scroll to the open accordion.

Does anyone have any advice as to how to get this to work?