How to apply different interactions clicking on different list items?

Design help Animations & Interactions
5

Okay, everything must be inside of your collection item element: the content of the item, the click trigger, the model and its content. Like for example:

  • col item
    – col item content div
    – col item trigger for the video modal ← IX on this
    – modal and its content ← so this is a SIBLING of the trigger

Now you will limit the IX to .class and SIBLING

image

So the url of the video or whatever is in the modal should somehow be part of the CMS.

But then you will need ONE only IX and to design ONE only modal. How sweet isn’t it?