Скрыть div, когда пользователь нажимает на странице

Question

Я создал один div, который имеет список флажков и кнопку. Этот div не отображается при загрузке страницы (устанавливается стиль = "display: none;"). Этот div должен отображаться только тогда, когда пользователь нажимает на определенное изображение. Как только div отображается, если пользователь щелкает в другом месте на странице, div должен быть скрыт.

Как это можно достичь с помощью Javascript?

Answer 1

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

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