Jqueryインデックスに基づいて表示と非表示を切り替えますか？

Question

私はdivで表示して隠すようにしようとしています。 現在、#MAIN (1)と呼ばれるメイン・ディビジョンがデフォルトのものです。だから私がボックスをクリックすると、メインディビジョンが再び表示されます。

FIDDLEを更新しました。一度コンテナをクリックすると、番号1をデフォルトにする必要があります。 http://jsfiddle.net/srg6g/480/

Answer 1

あなたが最後に何を理解したかと思います。ホットスポットをクリックすると

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

を伝播を停止します：何が欲しいのは「数字」外のユーザーがクリックは、#MAINが再び示されているので、文書にバインドクリックイベントが

ある

非常に奇妙な出力を持っているjsfiddle

$("#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