title: I need to make all buttons disappear when one is clicked
body: <p>Im writing a game of sorts that presents you with multiple options. Once you choose your option, all buttons, including your selection, should disappear and you move on to the next round. I have a script that allows this to be done, however for each round of buttons I would have to rewrite it to adhere to the new set of buttons. To save from having to repeat myself each time, I'm trying to get a universal script that will accomplish this </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="button" class="btn" id="getUp" name="answer" value="get up"  onclick="this.style.display='none'; hideSleepIn(); " /&gt;
  &lt;input type="button" class="btn" id="sleepIn" name="answer" value="sleep in" onclick="this.style.display='none'; hideGetUp();" /&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>var hidden = false;
  var click = onClick;
  
  function hideSleepIn()
  {
      hidden = !hidden;
  
      if(getUp === click)
      {
          document.getElementById('getUp').style.visibility = 'visible';
      }
  
      else
      {
          document.getElementById('sleepIn').style.visibility = 'hidden';
      }       
  }
  </code></pre>