All set So instead of using show/hide, I created a custom state on the page itself (clone2). Every element can have a custom state, and the page itself is considered an element (clone2 is our element here). For example, in the workflow after “Red Text is clicked”, you would go to Element Actions --> Set State --> Element: clone2 --> custom state: create custom state (State Name: Current View, Type: Text, List: No):
Here I entered the value “Red”, though it could be anything you’d like (ex: Red Group, Red Box; it’s like a label). Now that the custom state is created, we need to set up conditional formatting on the Red Group itself to make sure it is only visible when clone2’s Current View’s value is “Red” (and not visible when the value is not "Red). The conditional formatting for the red group will look like this:
And the process is the same for ‘When Green Text’ is clicked, except for the value in the workflow will be “Green” instead of “Red”:
And this is the green group’s conditional formatting:
Then you set the Red Group and Green Group to not be visible on page load, and this works in the same way show/hide actions would, but without so many actions considering the elements are only visible based on the most recent value of the custom state.