Hide/Show sections by clicking image in gallery section

I have a main image gallery section that has four images within it. When a user clicks on an image, I want it to load another image gallery section underneath it. When they click on another image from the main gallery, it hides the previous section and loads a new one. Here's my website with all the gallery sections currently visible:

https://www.lucasano.com/invitations

Right now, there are anchor links driving the user to each of the sections.

I've been researching all day and can't find a way hide/load when clicking an image. Note I am not a Circle member so I cannot add gallery blocks, so trying to do this with sections.

Here is good example of what I am trying to do: https://rudneynovaes.com/services-weddings. (scroll down to "Signature Wedding Photography").  You'll see when you click an image, it scrolls down to reveal the album for that photo.

This is great! Thank you so much!

On 5/1/2024 at 6:58 AM, LukeDesign said:

This is great! Thank you so much!

You used 4 Images or Gallery on left? You can share link to page, I will check & give the code for show hide section