Interaction with Single Item in Collection List

I’m trying to make the sermon titles show/hide the individual sermon descriptions, but because it’s in a collection list, it is currently affecting all descriptions (see screenshots). Is it possible for it to just affect the current one being clicked? I’ve looked at a lot of other topics, but while others have had similar issues, I’ve been unable to find a workable solution.


Here is my public share link: LINK (Working on the “Grow” page.)

Hi there @bjbuchanan, and welcome back to the Webflow Forum!

If you set the interaction to only affect the selected element, it should get your sermon section to where you need. Check out this screenshare:

https://www.loom.com/share/d924ef8d5ec9408c846f7f592784a91c

You’ll also need to apply the 2nd click hide interaction to the selected element instead of the class, too.

https://www.loom.com/share/089c4a0ca5e4462a94c683ee694d8bba

Let me know if you need any more help or questions, thanks!

PS - seeing as this is a church website, here’s a shameless plug to my church-focused startup :slight_smile:

EDIT: @bjbuchanan If my answer provided the answer for you, please mark this post as the the solution, thanks!

2 Likes

Thank you for your detailed reply. I can’t believe I missed that tick.

As for your startup, it’s not quite the right solution for this church, but it looks pretty cool! :slight_smile:

1 Like

Hey @myonke
I have the exact issue as this, but your video seems to be deleted now. I have selected the apply to “Element” option and not “Class” also.

I’ve described my issue in detail here [link]
Could you please help me out?
Thanks!