Salve, ho questo codice che fa da filtro. Come posso fare per renderlo compatibile a filtrare i due blocchi in modo separato?
E' necessario mettere due script diversi con id e classi diverse oppure si può modificare soltanto?
grazie a chi mi aiuterà

1° blocco
codice HTML:
<select id="filtro-select">
    <option value="all" selected>all</option>
    <option value="giallo">giallo</option>
    <option value="rosso">rosso</option>
    <option value="verde">verde</option>
</select>
<div class="giallo item">giallo</div>
<div class="rosso item">rosso</div>
<div class="rosso item">rosso</div>
<div class="verde item">verde</div>
2° blocco
codice HTML:
<select id="filtro-select">
    <option value="all" selected>all</option>
    <option value="blu">blu</option>
    <option value="grigio">grigio</option>
    <option value="viola">viola</option>
</select>
<div class="blu item">blu</div>
<div class="grigio item">grigio</div>
<div class="grigio item">grigio</div>
<div class="viola item">viola</div>
codice HTML:
<script>
$('#filtro-select').on('change', function() {
    $('.item').hide();
    $('.tooltip-itemsList').fadeOut(0);
    var select = $('#filtro-select').val();
       
    select = select == "all" ? "item" : select;
    
    $('.item').each(function() {
        var $this = $(this);
        if ($this.is('[class*=' + select + ']')) {
            $this.fadeIn();
        }
    });
});
</script>