Is there a way to show/hide a group of objects that will work in html5?

Question

I consider myself to have a fairly decent understanding of captivate and its functions but this recent issue has stumped me.
I have a button with javascript attached to it that runs a typical if loop: (pseudo code to follow)
if(variable = 1){
show "group" and variable = 0; 
} else{
hide "group" and variable = 1; 
Now normally, I would do this with single images, etc, and it would work fine.  You click the button (the image being unticked where it says "visible in output") and the image shows itself, then you click the button, and it hides.  Very standard stuff.
My issue, is that captivate seems to let you name a group you make....but they have not given you any control of that group.
Problem:
I want a way to show and hide a group of objects by only clicking one button (when published to html5).
I want to only have to reference the group and dont want to need to write a separate line of code for every single component that makes up that group (assuming the solution has to be coded).
Is it even possible to control groups like this within captivate?
Thanks!

Answer 1

There is an adobe video that I think shows how to do exactly what you are asking.
This is the video link:
Lightbox-style Menu in Adobe Captivate 6 - YouTube
At about 10min 50sec, it goes over creating a group from a number of single elements.
At about 12min 30sec, it shows creating an action that turns the whole group on and another to turn the group off.
When I did this myself, I used just one action that toggled the group on or off, but they show it as two actions. The idea is the same.
I hope that helps. Apologies if I mis-understood the issue.