Hi James

You can use this piece of javascript in a XY Expression (with Escape Content property set to No):

"<script>
$( document ).ready(function() {
  SetEventMoveOpenItemToTop();
});

function SetEventMoveOpenItemToTop(){
  $( ""div.AccordionVertical__header"" ).click(function() {
    $('html').animate({scrollTop: $('.AccordionVertical_item.open').offset().top-50}, 'fast');
});
}
$(window).bind('mousewheel', function() {
    $('html, body').stop();
});
</script>
"

Basically it will:

• Set a click event on the header of the Accordion Item
• On click, it will scroll the page until the element (you will have to adjust the size of your header: 50 in my case)
• Stop the animation when you scroll with the mouse otherwise it will get stuck

Was this what you were looking for?

Cheers,

José

EDIT: Edited the above code since it was adding multiple events in each click. Now it should be good.