Javascript 弹出窗口不'；我感觉反应不够快

我一直在跟踪制作一个折叠弹出窗口，并添加了以下脚本，以便在单击其他任何位置时将其关闭

但在触发弹出窗口时，如果没有脚本，它的响应性就不如原版。有时需要两到三次点击才能触发，所以我想知道Css中是否有一些东西需要调整，以使其更具响应性。非常感谢您的帮助

CSS:

---

您是否尝试为切换和隐藏方法设置计时器（即切换（300）或.hide（300））

为什么不；您不能只使用第一个并添加一些JavaScript来进行切换。差不多

$(document).on("click", function(e) {
    var elem = $(e.target);
    if(elem.hasClass("link")) {  
        return;
    }
    $(".popUpControl:checked").next("label").click();
});

例如：

现在，如果有多个元素，上面的代码将不会关闭另一个元素。这可以修复，而不是退出，您可以从匹配集中排除标签

$(document).on("mousedown", function (e) {
    var elem = $(e.target);
    labelsToClick = $(".popUpControl:checked").next("label").filter(function (i) {
        return !$(this).find(elem).length;
    }).click();
});

---

示例：

在哪个浏览器上感觉响应不够？“在Chrome上看起来不错。”Danny我一直在Firefox上测试它。我同意你的看法，用Chrome更好。在firebox上，我觉得有时我必须再点击几下才能触发它。请确保浏览器处于焦点位置，其他的点击只是试图聚焦文档。非常感谢。我正在我的网站上测试它。我注意到，在第二个提琴中，我又添加了一些链接，当我点击第三个和第四个链接时，它只会打开第二个弹出窗口。需要在脚本中进行哪些更改，以便在正确的链接处触发弹出窗口@epascarello这是因为您没有更改ID和的！

$(document).on("click", function(e) {
    var elem = $(e.target);
    if(elem.hasClass("link")) {  
        return;
    }
    $(".popUpControl:checked").next("label").click();
});

$(document).on("mousedown", function (e) {
    var elem = $(e.target);
    labelsToClick = $(".popUpControl:checked").next("label").filter(function (i) {
        return !$(this).find(elem).length;
    }).click();
});