Reusing trigger interaction on different element

I wonder if someone can advise me on how to reuse a trigger interaction on a different element? This was straightforward with legacy interactions but can’t seem to find the equivalent.

In this case, the trigger is a button and the interaction is a show/hide on a div (the button shows additional fields in a form within the div). The first button is setup but I need to add several more buttons to show several different divs.

I tried copying the button, adding a sub class and changing the target (to work with a different div). However, this effected both buttons.

I know there must be a way to do this which avoids having to create a new interaction for every button but struggling to see it.

Thanks


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