Interaction working only in main tab

Design help Animations & Interactions
1

Hello! If someone can help me, here is the issue:

I am using 1 collection in my project, and I am filtering it through different tabs.
Every collection item has an interaction to expand and show additional content.
The interaction works fine in the “ALL” tab (the initial tab), but not in the other tabs.

I kept the same class name for all collections and their items, so I thought it would work. I don’t know what is wrong.

Here is my public share link:
https://preview.webflow.com/preview/ebookedex-2?utm_source=ebookedex-2&preview=f5d0ad944ddcb9a5d7a334182b9c7d69

Thanks for the help!

2

Hey Thais,

Id suggest maybe to use a dropdown element, instead of the interactions. It will make your life much simpler.
If you must use interactions, then you need to change the “open book” & “close book / this” interactions to class interactions as well. Notice that some of them should apply only to children, and some only to siblings.

3

Thank you, @avivtech, I will try that. :smiley:

1 Like