title: Hide divs onload and make disappear others onclick
body: <p>I found how to hide/show a div onclick but by default it's show and I would have them hide and only reveal onclick. 
  also I would when one is show it make the others hide.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;img id="img1" 
   onclick="document.getElementById ('txt_1').className = document.getElementById ('txt_1').className == 'hidden' ? '' : 'hidden'"
  &lt;i&gt;https://codepen.io/drudrudru/pen/KeJQxY&lt;/i&gt; 
  </code></pre>