點擊顯示鏈接，點擊其他地方隱藏

Question

我有一些鏈接，我想切換顯示和隱藏。這工作正常，但是當我點擊另一個鏈接顯示時，我想要當前打開的鏈接隱藏。

這裏是我當前的代碼..

​​

正如你可以看到點擊，我隱藏彈出。然後當我點擊另一個鏈接時，顯示新鏈接。但我希望如此，如果你點擊彈出窗口（或頁面上的其他任何地方），當前的彈出窗口就會隱藏起來。

不知道如何去做這件事。這裏是一個codepen ... http://codepen.io/anon/pen/wtkmL

Answer 1

綁定文檔上的點擊事件來隱藏彈出窗口。你還需要stopPropagation上.byr點擊事件，以防止文件點擊從隱藏彈出：

$(function() { 
    $(".byr").click(function (e) { 
    $(".popup").hide(); 
    $(this).find(".popup").show(); 
    e.stopPropagation(); 
    }); 
    $(document).click(function (e) { 
    $(".popup").hide(); 
    }); 
}); 

Working Demo