Jquery Скрыть и показать на основе индекса, наоборот?

Question

Я пытаюсь сделать div, показывающий и скрывающий клик. В настоящее время основной div с именем #MAIN (1) должен быть по умолчанию. Поэтому, когда я щелкаю из коробки, снова появляется главный div.

Я обновил FIDDLE, теперь я должен сделать номер 1 по умолчанию, как только я нажму на контейнер например http://jsfiddle.net/srg6g/480/

Answer 1

Мне кажется, я наконец-то понял, что вы преследовали.

То, что вы хотите, - это событие щелчка по документу, поэтому, когда пользователь нажимает за пределами "цифр", снова отображается #MAIN:

$('html').click(function() {
    // use :not() to avoid fading when #MAIN is the current
    $(".hotspot_bub:not(#MAIN)").fadeOut('slow');
    $("#MAIN").show();
});

И остановить распространение при нажатии на горячие точки:

$("#MAIN").show();
$('a.a_hotspot').click(function(e) {
    e.preventDefault();

    // so the click handler on "html" is not executed
    // when clicking on a hotspot
    e.stopPropagation(); 

    $(".hotspot_bub").fadeOut('slow');
    $(this).next().fadeIn('slow');
});

DEMO