Streaming live at 10am (PST)

Trigger animation outside of parent div

Hi,

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: https://preview.webflow.com/preview/bknett-bd475b-a69d2ac655d-6ab84287ebb2c?utm_medium=preview_link&utm_source=designer&utm_content=bknett-bd475b-a69d2ac655d-6ab84287ebb2c&preview=622d78f6ee4f240b240cf77dff2fdb36&pageId=5f5b806a55c1cca2bd2b3d63&mode=preview