jquery过滤(过滤时关闭和打开容器)

我有带有类别和子类别的侧边栏导航(单击父类别时显示/隐藏)。

使用:

https://www.w3schools.com/jquery/jquery_filters.asp

我的代码:

$('#filter input').on('keyup', function() {
    var value = $(this).val().toLowerCase();

    $('#category a').filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
});

过滤工作很好,现在我想做的是检查 #category 关门了(我正在申请一门课 .hide 默认情况下),类似于:

if ( $('#category').css('display') == 'none' ){
   $('#category').toggleClass('hide')
}

我可以让它工作(有点):

$('#filter input').on('keyup', function() {
    var value = $(this).val().toLowerCase();

    $('#category a').filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });

    if ( $('#category').css('display') == 'none' ){
        $('#category').toggleClass('hide')
    }
});

剩下的就是 第二类 按钮打开很明显,如果所有字符都已从筛选器中删除,我将如何关闭主类别?因此,当用户开始搜索时,如果主类别已关闭,请在筛选时打开它们,如果在进行子选择之前清空了筛选器,请将其关闭。希望这是有意义的。