Show/hide animation with exclusive buttons?

Heya webflow community,

maybe some of you could help me figure this out and it might help others:

I want to be able to add #5-6 buttons for my size configurator and each have its own image-element to show. I’ve tried the show/hide interactions but got following problems:

If I add show/hide for each button since each button has its one image-element to show.
How can I make sure to make buttons exclusive, so only one button at a time I active and show while the rest is hided? Do I need to add custom js?

Did I miss something? Really appreciate your time / help on this.

Have a great day & greetings from germany!


Here is my site Read-Only:

https://preview.webflow.com/preview/canophera-test?utm_medium=preview_link&utm_source=designer&utm_content=canophera-test&preview=4088ebca81ac2d0c0266213ffb0cec55&pageId=606d849c4544da74f957ff36&mode=preview

The tab component would achieve this effect.

Are you selecting the correct target when creating the show/hide ?