Streaming live at 10am (PST)

Hiding other Divs on Interaction


#1

Hello

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?

Thanks


Here is my public share link: https://preview.webflow.com/preview/lexy-of-london?preview=a93d7ad9d229ff66c279c3aebccc52f3


#2

You need custom code for this as interactions cannot reset other interactions.


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.