Скрыть группированные изотопные элементы Заголовки

Question

Использование изотопа для фильтрации, и каждый элемент находится в пределах определенной группы. Заголовки групп каждого элемента стекаются поверх другого при фильтрации, и я не уверен, что лучший способ скрыть заголовки, когда они не активны/не выбраны.

Каждый элемент .person, но в заголовках также есть класс .sub-head. Есть ли способ добавить .sub-head в itemSelector? Или добавить еще один var для фильтрации?

Мой код расслоение плотной:

//***********DIRECTORY SCRIPTS*********** 
var $j = jQuery.noConflict(); 
$j('#directory').imagesLoaded(function() { 

    var $container = $j('#directory'); 
    filters = {}; 

    $container.isotope({ 
     itemSelector: '.person', 
     layoutMode : 'fitRows' 
    }); 

    $j('.filter .button a').click(function(){ 
     var $this = $j(this); 

     if ($this.hasClass('selected')) { 
     return; 
     } 

     var $optionSet = $this.parents('.option-set'); 

     $optionSet.find('.selected').removeClass('selected'); 
     $this.addClass('selected'); 

     var group = $optionSet.attr('data-filter-group'); 
     filters[ group ] = $this.attr('data-filter'); 

     var isoFilters = []; 
     for (var prop in filters) { 
     isoFilters.push(filters[ prop ]) 
     } 
     var selector = isoFilters.join(''); 
     $container.isotope({ filter: selector }); 

     return false; 
    }); 
}); 

Ниже приведен скриншот, который показывает, как выбран «Научно-исследовательский факультет» и появляются соответствующие элементы. Но как я могу скрыть другие заголовки?

[Примечание: Я использую это с PHP и запросов WordPress, но думаю, что это вопрос JS. При необходимости я могу предоставить полный исходный код; не хотел просто сбрасывать все это здесь]

Answer 1

Вы уже выбираете элементы для удаления класса '.selected' из заголовков.

var $optionSet = $this.parents('.option-set'); 

     $optionSet.find('.selected').removeClass('selected'); 
     $this.addClass('selected'); 

Теперь только текущий заголовок имеет «.selected» класса, так что вы можете скрыть все опции установки, кроме того, который имеет этот класс

$optionSet.not('.selected').hide();