title: How to make a tag appear when you click a checkbox
body: <p>How to make this tag <code>&lt;h3&gt;</code> appear when a checkbox is clicked? Right now it is hidden.</p>
  
  <pre><code>&lt;h3 class="bark"&gt;Bark Bark&lt;/h3&gt;
  &lt;input type="checkbox" class="title"&gt;Hear a dog&lt;/input&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.bark{ 
    visibility: hidden
  }
  
  input[type="checkbox"]:checked  {
  visibility: visible  
  }
  </code></pre>