如何隐藏两组不同同位素元素的标题

Question

我正在与同位素一起使用按钮和搜索来过滤两组不同的元素（国家和国际类别）。

在每组元素的顶部，我都有每个类别的标题。

如果标题类别下的所有元素都被隐藏（每个过滤后的元素都具有display: none;属性），如何隐藏标题？

例如，如果所有“国际”元素都被过滤（通过搜索或按钮），我也想隐藏标题为“国际”的div元素。

这是一个带有我的代码的CodePen：https://codepen.io/koiastudio/pen/KrYMWm

不确定什么是最好的方法。

谢谢。

Answer 1

有关解决方案，请参见更新的CodePen

// Hide or show categories titles based on articles visibility
function projects_title() {
    var $title = $('.projects-title');
    $title.each(function() {
        var $this = $(this);
        if($this.next('.entry-content').find('article:visible').length) {
            $this.css('display', 'block');
        } else {
            $this.css('display', 'none');
        }
    });
}

$grid_projects.on( 'arrangeComplete', function( event, filteredItems ) {
    projects_title();
});