I’m trying to design a colour swatch system (on the colours page http://lexy-of-london.webflow.io/colours), where if you click on a swatch it reveals the details of that colour underneath the row of swatches. The problem i have is that if you click on multiple swatches then they all show up, underneath each other…what i would like to happen is for them to replace each other so that you only see one at a time.
So currently they are hidden, and the interaction says to reveal a Div ‘on click’ and remove ‘on click’…what i need to happen is that on clicking on any other swatch the current Div disappears and the new div replaces that one.
What would i put in my interaction?
Here is my public share link: https://preview.webflow.com/preview/lexy-of-london?preview=a93d7ad9d229ff66c279c3aebccc52f3