onclick图像和切换div使用JavaScript不工作？

Question

onclick图像和切换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(); 
});