onclick image和使用javascript切换div不起作用

Question

onclick image并使用javascript切换div不起作用？

我换

    <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();
} );