hey kjell. there you go.
every collection item in your second collection list should get a class assigned with the name of it’s filter tag (code#002). the class has no styling. we just use it for the filter. when you click on a link inside your first collection list we can check if the link text matches one of the classes in your second collection list. and then we can only show those. in my case i used five tags. so for every collection item i added up to five classes. in your example you used only one tag. so your code might look like this:
// Code#002: Add Classes to Collection List Items
$('#filter-list .w-dyn-item').each(function () {
// One Category Text Block
var category1 = slug($(this).find('.category-trigger:nth-child(1)').text());
$(this).addClass(category1);
});
and your html after publishing should look like this:
__
you could also add a data-filter attribute to the items instead of classes. but for me this has been the easiest solution.