Streaming live at 10am (PST)

Not able to reuse interactions in custom slider

#1

Hey there!
I built this custom image slider and finally got everything working.
However, I have 6 sliders in total on one page.

The first 3 are part of Collection list #1 (‘Eateries’).
They all work perfectly fine, individually.

The last 3 are part of Collection list #2 (‘Hotel’).
Now I feel like I’ve tried everything, but I can’t seem to get the 4-6 sliders working properly.
OR they don’t work at all. OR, the arrow button affects all 3 sliders at the same time.

I tried messing around with triggers, classes, etc. but I could really use some fresh eyes on this.
Anyone?

Check out the ‘Cities’ page in the read-only link and slide down to the ‘Hotel’ sliders.


Here is my public share link: LINK
(how to access public share link)

#2

Quick update:
I feel like it probably has something to do with the fact that I’m currently not targeting a child, parent or sibling. However, I can’t really figure out how to structure it like that without the layout breaking.