Accordion item goes out of view on collapse

Hi,

I’m having a bit of trouble with an accordion I’ve created for my own portfolio website.

I’ve managed to make it auto-collapse when each item is clicked, however if an item below an open item is selected, the top of the selected item opens upwards and out of view, where I need it to stay in view and the item above to collapse downwards.

I’m a complete novice with custom code and wondered if anyone had a solution for this.

Many thanks


Here is my site Read-Only: LINK