Fade In/Out Elements on Click

Is it possible to code multiple elements to fade out, and other elements fade in upon clicking a button?

I run a business that sells produce and I have different pickup locations. I'm building my website to have a form for each pickup location. I'd like to have all of these fillable forms on a single page because I'm trying to avoid having more pages than I need.

The idea is to have a page with the pickup locations and when you click the button for one of the locations, those elements fade out and the fillable form for the location you clicked fades in and you can fill out said form and submit it. And maybe have a "Back" button that fades the form out and fades the locations back in, in case the user accidentally clicks the wrong location.

Whenever I try and search for how to do something like this, all I get are hover effects for fading transitions. Can someone point me in the right direction on how to accomplish this?

@somedayfarms This is more complex than applying a hover effect with some CSS; it requires JavaScript. Could you share your site URL for context?