title: hide/show a image in jquery
body: <p>How to show/hide the image on clicking the hyperlink?</p>
  
  <pre><code>&lt;script&gt;
  function getresource(id)
  {
      if(id==4)
      {
         //show image
       }
      else if(id==5)
      {
           //hide image
       }
  
   } 
  &lt;/script&gt;
  &lt;a href="#" onclick="javascript:getresource('4');"&gt;Bandwidth&lt;/a&gt;
  &lt;a href="#" onclick="javascript:getresource('5');"&gt;Upload&lt;/a&gt;
  &lt;p align="center"&gt; 
    &lt;img id="img3" src="/media/img/close.png" style="visibility: hidden;" /&gt;
    &lt;img id="img4" src="/media/img/close.png" style="visibility: hidden;" /&gt;
  &lt;/p&gt;
  </code></pre>