Streaming live at 10am (PST)

How to have hover state of one element show and trigger another element

Hi, I’m currently trying to incorporate an interaction in which if the user hovers over one heading, then one of the paragraphs will appear and also be highlighted the same color. For example, hovering over “Designing” would cause “Product Designer” to also change color. Currently, I’m not sure how to approach this with the interactions. I would appreciate any help!

Share Link:

https://preview.webflow.com/preview/matthews-website-4a2c31?utm_medium=preview_link&utm_source=dashboard&utm_content=matthews-website-4a2c31&preview=2b1761db66cdb84fb6581f11aaa91a05&mode=preview

Hello @matthewfang1999 ,

What you have to do is start an element interaction. So select the element you want to hover, and add a hover interaction. On the interaction panel select the element and right click it. That would give you the option to change the target and select another element to be affected by the hover interaction.
Screen Shot 2020-08-24 at 10.40.18 AM
I hope this helps.