用户点击页面时隐藏div

Question

我创建了一个包含复选框和按钮列表的div。加载页面时不显示此div（style =＆＃34; display：none;＆＃34;已设置）。只有在用户点击特定图像时才会显示此div。显示div后，如果用户点击页面上的其他位置，则应隐藏div。

如何使用Javascript实现这一目标？

Answer 1

 $(function(){   
    $("img").click(function(){
       $("div").show();
    });

    $(this).click(function(){
       $("div").hide();
    });
});