jquery隐藏和显示基于索引，方式？

Question

我试图让div显示和隐藏点击。 目前主分区名为#MAIN (1)应该是默认分区。所以当我点击这个框时，主div再次出现。

我已经更新了FIDDLE，现在我应该将数字1作为默认值，一旦我点击容器 （例如， http://jsfiddle.net/srg6g/480/

Answer 1

我想我终于明白了你以后的样子。

你需要的是这样当的“数字”以外的用户点击，则#MAIN再次显示在文档绑定click事件：在热点时，点击

$('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