Streaming live at 10am (PST)

Hiding other Divs on Interaction


I’m trying to design a colour swatch system (on the colours page, 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:

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

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