Hide element.

Hello, I have a website that can tell when a user is available, not available and away. This is decided by the user simply by updating the status option to any of the above.

All options go to a single element. I have one question.

  1. I want to work with hide and show for three different texts. When Available, the text is green, I want that to show and the rest to hide, the same applies when the status is in any of the other states.

I tried using a hiding dropdown element to tell the above elements that when the dropdown element value is available, the green text should show and the rest should hide, which I am pretty sure would work out but I am just not getting the right code to make this communication, do you think is the right call here, if yes, help me get it done, else any suggestions?

Below is a screenshot:

Hey there, any one with any idea on this?