Implement Dynamic Container Boxes -hide/unhide them on click

Ask the community
,
1

I am just starting out on Wix, and learning to use Wix Code to improve my site, but I am facing some difficulties.

What I am trying to do on my website is to build something exactly as shown in the images attached. (It is from aws.amazon.com, the ‘Customer Stories’ anchor on the site)

1801×715 67.9 KB

1792×733 65.7 KB

I want to build sort of a slider which changes based on the user input, or, multiple overlapping containers with only one shown (rest hidden). The easiest thing to do would be to just show one container and hide the rest. I have been unsuccessful to do it, and I am also worried I might mess up the website if I do something wrong since I am just starting out on Wix.

I would greatly appreciate any help which you might be able to provide. At its crux, can I please ask you how to write a code that

(1) hides a particular container box (container1)
(2) shows a particular container box (container2)

in response to a button click (button1).

Your help would greatly help me to build my website.

Thank you

2

I think these examples should help you out.

They use buttons and a slideshow to achieve the effect you’re looking to create.

3

Thank you! I figured I could achieve the same thing by using multiple boxes stacked on top of one another, but using slides is more elegant and manageable.