title: Show a div onclick and hide the image that triggered it
body: <p>I would like to use the following code to display a hidden div onclick, but then when the it is displayed, I want the image that I used to trigger it to disappear.  Here is what I have so far:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img src="Icons/note_add.png" onclick="show('comment')"/&gt;&amp;nbsp;&amp;nbsp;&lt;div id="comment" style="float:left;display:none;"&gt;&lt;textarea name="textfield6" cols="30" rows="2" id="textfield4" class="text"&gt;&lt;/textarea&gt;&amp;nbsp;&lt;a href="#" class="buttonintable"&gt;Submit&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>function show(target){
  document.getElementById(target).style.display = 'block';
  }
  function hide(target){
  document.getElementById(target).style.display = 'none';
  }
  </code></pre>
  
  <p>How do adjust this to hide the element that fired it?</p>