onclick image и toggle div с помощью javascript не работает?

Question

onclick image и toggle div с помощью javascript не работает?

я перейти от

<input type="button" id="Showdiv1" name="Showdiv1" value="Show Div 1" onclick="showDiv('div1')" /> 

в

<img src="https://developer.apple.com/homekit/images/homekit-hero.png" onclick="showDiv('div1')" /> 

http://jsfiddle.net/a3MKG/36/

<script> 
function showDiv(id) {  
    $("#div1").toggle(); 
} 

$(document).click(function(e){ 
    if(!$(e.target).closest('#div1, input[name="Showdiv1"]').length) 
    { 
     $('#div1').hide() 
    } 
}) 
</script> 

Answer 1

Добавить ID к изображению (ниже IMGClick) и изменить свой сценарий к следующему:

$("#IMGClick").click(function(){ 
$("#div1").toggle(); 
});