Please have a look at my website. For every room listed, there is a price (‘cennik’) button that shows/hides the prices (yellowish field).
Imagine I have 50 rooms listed. I do not want to define 50 interections! I want one and the same interaction for every room, but each button to show/hide only the price of the room next to the button. ‘Limit to nested/siblings’ option does not work as the prices are neither nested nor siblings to the ‘cennik’ button.
You’ll place your interaction on the button, target a “different element” (hiddendiv) and limit the effect to siblings (because hiddendiv is at the same level than the button, so it’s a sibling, a brother)
That way the interaction will only work on the sibling “hiddendiv” div. You can have the same structure — with the same “hiddendiv” class— for all your rows and affect the same interaction to all the buttons.