Q:

One button causing other button to disappear

So, I have two buttons: A and B
At beginning, only "A" is visible and "B" is hidden (such as opacity:0)
These two buttons are positioned at an identical position.
Is there a way in which when "A" is clicked, then "B" becomes visible and "A" is hidden?
For example

Before "A" is clicked: A=visible, B= not visible
After "A" is clicked: A= not visible B=visible.

Thanks guys.

A:

Try to use JQuery instead:
HTML:
<input type="button" id="a" name="a" value="A button" />
<input type="button" id="b" name="b" value="B button" />

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

