在背景上隱藏div單擊

Question

我有一系列顯示在鏈接點擊上的div。 當顯示出來時，我正在嘗試使它們在后台單擊時關閉，同時在單擊不同鏈接時保持其使不同div彼此替換的能力。

JS在這里撥弄： http : //jsfiddle.net/t593pyg9/3/

$(document).ready(function () {
    $('.toggle').hide();
    $('a.togglelink').on('click', function (e) {
        e.preventDefault();
        var elem = $(this).next('.toggle')
        $('.toggle').not(elem).hide();
        elem.toggle();
    });
});

Answer 1

偵聽整個文檔的單擊，以防止在單擊鏈接后由於事件傳播而關閉“彈出窗口”，並添加return false; 顯示點擊監聽器。

$('.toggle').hide();
$('a.togglelink').on('click', function (e) {
    e.preventDefault();
    var elem = $(this).next('.toggle')
    $('.toggle').not(elem).hide();
    elem.toggle();
    return false;
});
$(document).on('click',function(e){
    $('.toggle').hide();
});

小提琴

---

更新資料

如果要防止彈出窗口在單擊時隱藏，請添加以下內容：

$('.toggle').on('click', function (e) {
    return false;
});

新提琴