Scrolling to the top of an open accordion

Hi,

Thanks for using my plugin. I would say before you make any changes, copy the arconix-shortcodes.js file from my plugin to your theme directory. Doing that accomplishes two things.
1. That file is easier to read than the minified one.
2. My plugin will load that file in place of my plugin’s version which means when updates to my plugin come out they will not overwrite any changes you have made.

To be frank, my javascript skills are fairly basic. My guess is you’d have to put that command in some kind of onClick event for arconix-accordion-title, but I’m not certain. Hopefully someone else on these forums has a bit more experience and may be able to shed some additional light.

Hi John,

Thanks for your reply. It’s always impressive when the author of a plugin replies.

My knowledge of jQuery is probably poorer than your own, but, thankfully, one of my colleagues knows about this stuff and he’s come up with something that works. I thought I would share in case it helps anyone else.

In arconix-shortcodes.min.js, immediately after .slideToggle()})}), add the following (expanded for readability):

,jQuery('.arconix-accordion-title').click(function(){
jQuery('html, body').animate({
scrollTop: jQuery(".arconix-accordion-title").offset().top
}, 400)}
)

The 400 is the number of milliseconds it takes for the scrollTop animation to take place. I’ve made it 400 to match the expansion of the accordion, to give the effect of staying in place whilst the accordion opens.

To see it in action, visit: https://sypotest8.co.uk/explosive-ordnance-disposal/remotely-operated-vehicles/

With kind regards,

Mark

Thanks for sharing Mark. Would you mind if I integrated your code into the next release of my plugin?

Hi John,

Thanks for your message.

Including that code in the next release would be fine. It’s great that a solution has been found for this as – searching through Google – it seems that this has been requested a few times before.

I’d love to be kept up to date with the new release.

With kind regards,

Mark