javascript - 在不相关的事件之后重新绑定(bind) .toggle() 事件？

Question

我有一个网格过滤器，可以通过切换显示/隐藏，如下所示:

$("#btnFilter").toggle(function () {
    // show filter
}, function () {
    // hide filter
});

网格是交互式的，双击它将用新的动态 HTML 覆盖现有网格。我不希望在与网格交互时显示我的过滤器，因此在网格 onClick() 事件中，我放置了适当的 //hide filter 代码，该代码与切换函数中的代码相同。

唯一的问题是，由于我绕过了 .toggle() 事件，因此在尝试手动隐藏它时需要单击 #btnFilter 两次(这是我不想要的)。

任何想法都会很棒!

我很欣赏这些答案，但逻辑并不是我真正关心的，知道为什么切换已被删除吗？可能与我的问题有关？

Answer 1

切换已删除，您可以使用 bool 变量或仅询问 jQuery 是否可见

$('#btnFilter').on('click', function () {
    if ($("#filterDiv").is(":visible")) {
        $("#filterDiv").hide();
    } else {
        $("#filterDiv").show();
    }
});