title: Show / Hide DIVs with JavaScript
body: <p>i'm new in HTML and JavaScript and I am having a little problem
  I have 3 DIVs</p>
  
  <pre><code>&lt;div id="div1"&gt; I'm div1 &lt;/div&gt;
  &lt;div id="div2"&gt; I'm div2 &lt;/div&gt;
  &lt;div id="div3"&gt; I'm div3 &lt;/div&gt;
  </code></pre>
  
  <p>and I have 3 buttons and each one of them enables the corresponding DIV and disables the others to show only 1 DIV at a time</p>
  
  <pre><code>&lt;input type="button" name="Showdiv1" value="Show Div 1" onclick="showDiv1()" /&gt;
  &lt;input type="button" name="Showdiv2" value="Show Div 2" onclick="showDiv2()" /&gt;
  &lt;input type="button" name="Showdiv3" value="Show Div 3" onclick="showDiv3()" /&gt;
  </code></pre>
  
  <p>I've searched multiple solutions and they only show how to enable, and I don't know why, I can't disable them.</p>