Interaction Class Targeting

Design help Animations & Interactions
1

Hey, I’m tryna make an faq accordion with webflow interactions.

I already found one guy who made it work and I’m just trying to copy.

The problem I have is following.

While opening one question I need to close others. When I open one question, the lottie animation should go from “-” to “+” on all questions. And it should go from “+” to “-” on the question I’m trying to open.

In the interaction panel I need to target the same element a few times, but one time I need to target “All elements with this class” and the other time “Only children with this class”

The problem is that when I select either one of these it changes on the other one. I cannot make one to target first option and the other second option because they copy each other.

I tried all sort of shananigans and nothing worked. The guy who’s explaining how to do it didn’t have that problem.

I’m not gonna paste my read-only link because there’s not much to see.

Is it a bug or am I missing something?

Btw. I came across this problem a few months ago and I just solved the problem by not doing the thing I was trying to do.

2

We’ll I’ve been trying to solve it for quite some time, and just after I posted this post, I resolved my problem. And this isn’t the first time this happened.

In case anyone else has the same problem.

Firstly, take the element from the question you’re trying to open and use that element to target “Only children with this class”

Then don’t use the exact same element, but use the lottie or image from different question and use that one to target “All with this class”

Even though it has the same class it won’t identify them as the same element in the interactions panel.