How to untoggle a toggled element when another is toggled?

I have several tabs in a repeating group with hidden text that displays with a workflow that toggles the hidden text for a repeating group. If one repeating group’s text is toggled, and the user clicks on the next repeating to group to reveal its text as well, I want the previous toggled text to untoggle (be hidden) at the same time. Can anyone advise how this would be done.

Hi there, @phrase9… when you say “one repeating group” and “the next repeating group”, are you talking about cells (rows) within a repeating group or are you literally talking about multiple repeating group elements? If it’s the former, you will likely want to go with setting a custom state to the current cell’s index, and show the hidden text for a cell (row) when the custom state’s value is the current cell’s index.

Hope this helps.

Best…
Mike

Hi Mike

I am indeed referring to cells (rows). I am able to set a custom state for the repeating group’s cell, but not sure what is meant by the index or how to set a custom state for the index specifically.

Below is screenshot for visualization. Number 1 in red is an option set, and number 2 in red is that option set’s attribute. I was able to achieve the opening of these tabs as I mentioned by simply “not showing” the attribute text and then toggling it when the cell is clicked. But I want it to close when the next cell is clicked open.

When number 1 is clicked, set a custom state (number) to the current cell’s index. For number 2, make sure the element is not visible on page load, and put a condition on it that says when the custom state’s value is the current cell’s index, make the element visible.

2 Likes

Thanks Mike

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.