Hide show collection item groupings simultaneously

Hi all -

Been digging through the forums, can’t seem to locate a similar use case.

I have page comparision page driven by a collection, multiple columns, the field from the collection are divided into groupings that I’ve created an animation to hide/show each. What I need is to trigger all animations for a given group to show or hide together as opposed to having a client click each heading in every column to reveal the grouping data.

Here’s the draft page:

https://retoolgoldberghomes.webflow.io/revised-offer-review

At the moment if you click, for example, the Financing header, it will open for that column, but I need it to open all financing groupings in every column.

Advice?

Thanks in advance!


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