Hide Multiple Elements With The Same Id With JavaScript

I am trying to make a website with a control board with buttons that will toggle on or off if the target is on or not. Right now I am using an on and an off button to interfere with the target, I try to hide the button that is not "useable" if the target is off I don't want the off button to be shown, etc. I am trying to hide the button via a simple JavaScript piece, but unfortunately, it doesn't seem to be working. It only affects the button on top (I have about 18 buttons).

Thanks beforehand Best regards Max