I’m having a collection of doctors who each have a unique description.
What I want to do is when I click on one doctor’s photo, his/her description appears and the description of the other 2 are not visible.
I’d also like that when one picture is selected, the other 2 are blurred out.
I’ve tried different things, but I only get to do the animation on the whole collection and not on one item per collection.
Thanks in advance for helping me out!
Here is my public share link: https://preview.webflow.com/preview/hand-en-polskliniek?utm_medium=preview_link&utm_source=designer&utm_content=hand-en-polskliniek&preview=4cf71b1c42a322bacd7449288e5817a0&pageId=5f1aa6a0d6743319bca9f242&mode=preview
Hi @jonasdr, all you have to do to have the interaction affect only one collection item is to select that the animation affects only the “selected element” and not class - this is picked as an option when you are designing the interaction
IVG, thanks for your answer but it’s not really working.
I’ll give an example:
3 pictures, and below are 3 rich text elements.
I place an animation on picture one to hide on rich text element below (text element is part of the collection list). What happens is, ALL the rich text elements dissapear, while I just want 2 to dissapear and one to show.
I have a very similar issue.
I have a very similar issue 
Any tips on how to select a collection item in interactions?
I believe it can’t be done with Webflow CMS, sadly