Css 一个按钮导致另一个按钮消失

我有两个按钮：A和B

开始时，只有A可见，B隐藏，例如不透明度：0

这两个按钮位于相同的位置

有没有一种方法，当点击a时，B变为可见，a变为隐藏

比如说

单击A之前：A=可见，B=不可见 单击A后：A=不可见B=可见。

---

谢谢大家。

试着改用JQuery：

HTML:

---

我想这不能用CSS实现，最好用jQuery来实现。不需要jQuery，也可以用Vanilla javascript来实现。但确实，只有CSS无法实现这一点。我明白了。谢谢你的回复。那我就做一些研究。谢谢这是一个标准的js或jQuery，对我应该从哪里开始有什么建议吗？谢谢

<input type="button" id="a" name="a" value="A button" />
<input type="button" id="b" name="b" value="B button" />

$(document).ready(function () {
  $("#a").on("click", function (eventObj) {
      $(this).hide();
      $("#b").show();
   });
});