I've got 3 images in the screen. Each image should display a different form in the SAME POSITION in the screen and hide the other 2 forms.

Image1: When clicked show form1 and hide form2 and form 3

Image2: When clicked show form2 and hide form1 and form 3

Image3: When clicked show form3 and hide form1 and form 2 

Forms should be shown at the same position. I just see a solution calling the whole page by sending a parameter in the URL stating which form to show on the screen. I would really like to show the right form depending on what image is clicked at the moment without that. 

I'm using HTML5, Bootstrap 4 and JavaScript - any suggestion using any of these languages would be perfect.