Streaming live at 10am (PST)

Trigger animation outside of parent div


I was wondering if anyone could help me find a clever way to “link” interactions that are not under the same parent div.

Simply explained i have two colums (as seen in the read-only link), one with a list element and one with a grid. Each of the bullet points in the left column should be linked to individual div-blocks on the right column. So for instance hovering the first bullet point will trigger an animation on the first div-block and vise versa.

I can currently achieve this by creating multiple interactions, but I was wondering if anyone has a solution that allows me to reuse one interaction.

Sorry if my explanation wasn’t clear enough. I’ll gladly explain further!

Here is my site Read-Only: