连续第二次单击按钮时，如何防止过滤并返回默认结果

Question

第一次单击按钮将按要求过滤表。但是，第二次单击同一按钮会将表重置为默认结果。

我希望第二次连续单击同一按钮不执行任何操作，只是保持表格已过滤。

仅当您单击其他按钮时，表格才应再次过滤。

悬赏问题：当屏幕上其他任何地方发生单击时，如何不失去对按钮的关注？

注意：此代码不是我的。我是JS / JQuery的完全业余爱好者，因此，我希望能提供直接解决方案。

谢谢！

这是小提琴：https : //jsfiddle.net/Sprytny/71xbjpqm/5/

jQuery(function ($) {

    $('table').show();

    var filter;

    $('.filter').click(function () {

        if (filter == this.id) {

            $('tr').show();

            filter = undefined;

        } else {

            $('tr:not(.' + this.id + ')').hide();

            $('tr.' + this.id).show();

            filter = this.id;

        }

    });

});