GSAP interactions targeting

After the recent GSAP rename of interaction triggers, I’m confused about how to correctly target elements.

What I’m trying to do is this: when a .blog_category_tab is clicked, I want to add the class .is-hidden to the .icon_dot element inside all sibling .blog_category_tab elements (i.e. all other tabs).

The .icon_dot is a child of .blog_category_tab, and all tabs are siblings within .blog_category_tabs.

How can I achieve this? Custom code cannot be used there since I’m working on a template.

Currently my HTML looks like this. The public share link is below.


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

Hey @laurynasgy ,

A simple way that I can think of achieving this is as follows:

This should ideally give you the result as you require.

Hope this helps.

Woah, didn’t think that the order of interactions makes difference here. The solution was much simpler than I thought… Thank you!

1 Like