How to hide / show a button in jQuery

I have a form and three buttons on the bottom, lets say A, B, and C. When I click on A it needs to disappear and the B and C need to be the only ones that are shown. After clicking on either B or C, the button A needs to reappear again. jQuery is what I need to use.

 

So only one can be active at a time? If so, make them radio buttons and style them in CSS. Here's an example: https://jsfiddle.net/dfvy4sgw/

 

A, B, C. When you click on A, it disappears and only B and C are active. When you click on any of these two (B or C), the A appears again. It should not be a matter of how many buttons are active at a time. When A is clicked it needs to disappear, and when it is not on a page, it needs to show up again only after the B or C is clicked.

 

Yes, as I said - radiobuttons, look at the example.

 

I need to do it this way.

 

Why? And what is "this way"? Using jQuery? Why do you need to do it a way that is not beneficial for either you nor the user of the page?

But the solution is simple (same HTML, almost the same CSS): https://jsfiddle.net/dfvy4sgw/1/ (with jQuery this time)

 

Thanks for looking into that. It does not work 100% as what is needed though. Initially: buttons A, B, C. When you click on A, it disappears and B and C are present. When B and C are present, after clicking on any of them it goes back to the A, B, and C state (three buttons present).

 

I already have an answer so this topic can be closed.