Problem with getting Interaction Right, Advise Needed

[alexanderwong]

I’m currently using Webflow to create a HTML template for our internal ecommerce website project. And I have some trouble regarding the use of interaction.

Link: http://quorse.webflow.io/timeticker-campaign

I’m not too sure how to describe my problem, but kindly try clicking the “20 classes available” button and you’ll see what I mean. I tried using “limit to siblings only” when creating the interaction, but technically speaking the element I’m trying to control is a parent-sibling element. Which is why when you click the “20 classes button”, all others would appear as well. It should only affect the parent that I intend to.

I humbly ask for some good advise how I can work around this issue.

---

Here is my public share link: LINK

[vincent (Vincent Bidaux)]

@alexanderwong

a parent-sibling element

In real life, a parent can be a brother too but I don’t recommend it ;-D

In HTML, it’s one or the other with no exception.

So can you tell me again what we shold see? Nothing weird happens when I click the button actually.

http://vincent.polenordstudio.fr/snap/100vh.gif

[alexanderwong]

Apologies, I accidentally removed the remaining list. Please view the link again and click on the same button. You’ll see what I mean. All the other class placeholders will get opened up as well.

[vincent (Vincent Bidaux)]

You can’t limit this interaction to childs or siblings in this case because your target is a sibling of a parent.

It’s OK though. Rework your structure to have your button at the same level than your capaingn-item-fetch element and that will work.

[alexanderwong]

Reworking the structure of the design isn’t an option for me, as I can’t come up with a solution to get that to work the way I wanted it to. I’ll just fallback to using some JS to achieve what I need. Thanks anyway Vincent.