Как скрыть название двух разных групп изотопных элементов

Question

Я работаю с Изотопом, чтобы отфильтровать две разные группы элементов (национальные и международные категории), с обеими кнопками и поиском.

В верхней части каждой группы элементов у меня есть заголовок каждогоcategory.

Как скрыть заголовок, если все элементы в его категории скрыты (каждый фильтрованный элемент получает свойство display: none;)?

Например, если все "International""элементы фильтруются (либо поиском, либо кнопкой). Я также хочу скрыть элемент div с заголовком" International ".

Вот 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();
});