2012-02-15 116 views
0

我試圖讓div顯示和隱藏點擊。 目前主分區名爲#MAIN (1)應該是默認分區。所以當我點擊這個框時,主div再次出現。jquery隱藏和顯示基於索引,方式?

我已經更新了FIDDLE,現在我應該將數字1作爲默認值,一旦我點擊容器 (例如, http://jsfiddle.net/srg6g/480/

+0

那的jsfiddle有一個很奇怪的輸出。 – MetalFrog 2012-02-15 13:45:04

+0

我已經更新了FIDDLE,我現在應該將數字1作爲默認值,一旦我點擊了容器 – DD77 2012-02-15 13:47:17

+0

@MetalFrog現在應該更有意義我認爲 – DD77 2012-02-15 13:55:16

回答

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

+0

血腥的好感謝 – DD77 2012-02-15 14:32:24

+0

很高興幫助; o) – 2012-02-15 14:34:10

+0

非常好的工作,@DidierGhys – MetalFrog 2012-02-15 14:40:57