Question

我有一些链接，我想切换显示和隐藏。这样可以正常工作，但是当我点击要显示的其他链接时，我希望隐藏当前打开的链接。

这是我目前的代码..

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

正如您在点击时看到的，我隐藏了弹出窗口。然后当我点击另一个链接时，会显示新链接。但我希望如此，如果您再点击弹出窗口（或页面上的任何其他位置），当前弹出窗口将隐藏。

我不确定如何做到这一点。这是一个codepen ... http://codepen.io/anon/pen/wtkmL

Answer 1

绑定文档上的click事件以隐藏弹出窗口。您还需要在.byr点击事件上停止传播，以防止文档点击隐藏弹出窗口：

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

<强> Working Demo

点击显示链接，点击其他任何地方隐藏

1 个答案: