AEM6.5 sites facets tags hiding with js

[#1]

Hi Team,

          when i open the tags some tags are getting showed up out of which i'am able to hide the tags with help of js

$('.foundation-collection-item').each(function(){
var programTags = ["Technology","Translation Status","Resource Type","Information Classification", "Facebook"];

var iterator = programTags.values();
for(let program of iterator) {
// console.log(program);
if($(this).attr('data-foundation-picker-collection-item-text') == program){
$(this).hide();
}
}
});

but when i scroll down the component additional tags are loading which is not getting considered for hiding

can you please provide  help with it.  

@Theo_Pendle @kautuk_sahni  @Arun_Patidar  @BrianKasingli  @Vijayalakshmi_S  @vanegi 

[sganjewx · Accepted solution]

@sganjewx 

Tag list will be loaded on demand(when you scroll through all the initially loaded tags, then the few more tags will be loaded dynamically). Try to execute the hide functionality in scroll as well and see. Hope this works.

-AG 

[sganjewx · Accepted solution]

it worked .Thanks!!!