点击后，jQuery样式的更改会不断恢复

Question

当我单击过滤器按钮时，div应该从不显示变为显示块，并且确实如此。我的问题是，当我单击屏幕上的其他任何内容时，它会还原为不显示任何内容。我的“关闭过滤器”按钮上有一个单击功能，可将显示重置为无，并且效果也不错。当我单击我的桌子时，它只会恢复为不显示任何内容，然后消失。

我将在此处包含我的代码

// Handles the Filter On
const filterOn = () => {
    $(".filter-alert").css('display', 'block');
    $("#tbl1 td").click(function returnCellValue() {
        let tdText = this.innerHTML;
        $(".filter-alert").css('display', 'block');
        let value;
        let column;


       fnFillGrid();
});    
}


const filterOfff = () => {
    //alert("lc");
    // Need to return SQL string to beginning state/reset values changed by FilterOn
    counter = 0;
    document.getElementById("hiddenFilterTerm").value = '';
    document.getElementById("hiddenFilterCol").value = '';
    $(".filter-alert").css('dipsplay', 'none');
    fnFillGrid();
    $("#tbl1 td").off("click");
    //console.log("Counter: " + counter);
}

我只希望样式保持不变，直到调用filterOfff()函数