I am pretty sure you won’t be doing the sliding thingy with built-in Bubble elements. (Not 100% at least).
However, with some tricks, you can get closer to the effect you want (still not 100%). See the demo below:
This is technically, just showing/hiding an empty green-background text element (it might have been any element, a group perhaps) behind the real text fields (with value).
There are four text elements in the page. Sea and Air are obviously text elements. Then, there are two more (the green ones) in the same spot as Sea and Air. The Sea background is visible first (as default state). Then, when you click on Air, you hide the sea background with an animation and show the air background with an animation:
And there is the state as well, to keep track of which one is pressed.
See how I just animate them when the background isn’t visible. Otherwise, it will show the sliding effect when clicked on selected ones again, which looks weird
It can be done with three states as well. You will probably need 6 workflows (2 for each Text because you need to take the previous selected value into account as well. (Like if you came to Sea after the third one, you don’t touch the Air for example).
OR:
You can skip all the animation and it is pretty straight forward:
This one you probably can easily figure out. A custom state to keep the current one (therefore changed background conditionally) and the other 2 (or more states that can update this custom state on click).
