title: Why click circle image , div not toggle using javascript?
body: <p>Why click circle image , div not toggle using javascript ?</p>
  
  <p>When i click gray square, it's will toggle ok.</p>
  
  <p>But Why toggle not work, when click circle image. How can i do for work.</p>
  
  <pre><code>&lt;img src="http://images.wikia.com/gtawiki/images/archive/3/3e/20090730000919!PS3_Circle.png" style=" border: none;" id="image_test" onclick="showDivtest('div1')" /&gt;  
  </code></pre>
  
  <p><a href="http://jsfiddle.net/a3MKG/40/" rel="nofollow">http://jsfiddle.net/a3MKG/40/</a></p>
  
  <pre><code>&lt;script&gt;
  function showDiv(id) {    
    $("#div1").toggle();
  }    
  
  $(document).click(function(e) { 
     if( !$('#image_test').is( e.target ) )
        $("#div1").hide();
  });
  &lt;/script&gt;
  </code></pre>