Salve a tutti

sto cercando di adattare uno script trovato sul forum per far visualizzare un div quando si seleziona un valore da una select.

Lo script con una sola select funziona, ma quando vado per aggiungere una select in piu si comporta in modo anomalo, in pratica dopo aver selezionato dalla prima select un valore e quindi mi visualizza il div di riferimento appena seleziono un valore dalla seconda select mi chiude il div della prima select per visualizzarmi quello relativo alla seconda seletc:

Codice PHP:
<html>
<head>

<script> 
function FunzBambini(Valore){ 

    var ref = document.getElementById('n1'); 
    if (Valore=='nA'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    } 

    var ref = document.getElementById('n2'); 
    if (Valore=='nB'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    } 

    var ref = document.getElementById('n3'); 
    if (Valore=='nC'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    }
    
    var ref = document.getElementById('t1'); 
    if (Valore=='tA'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    } 

    var ref = document.getElementById('t2'); 
    if (Valore=='tB'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    } 

    var ref = document.getElementById('t3'); 
    if (Valore=='tC'){ 
    ref.style.display='block'; 
    } 
    else{ 
    ref.style.display='none'; 
    } 
} 
</script> 

</head>
<body>
<body>


<form id="form1"> 
<select id="Combo1" onchange="FunzBambini(form1.Combo1.value);">
<option value=""> </option>
<option value="nA">Voce A</option>
<option value="nB">Voce B</option>
<option value="nC">Voce C</option>
</select>

<div style="display:none;" id="n1">testo testo testo 1</div>
<div style="display:none;" id="n2">testo testo testo 2</div>
<div style="display:none;" id="n3">testo testo testo 3</div>




<select id="Combo2" onchange="FunzBambini(form1.Combo2.value);">
<option value=""> </option>
<option value="tA">Voce A</option>
<option value="tB">Voce B</option>
<option value="tC">Voce C</option>
</select>

<div style="display:none;" id="t1">testo testo testo 1</div>
<div style="display:none;" id="t2">testo testo testo 2</div>
<div style="display:none;" id="t3">testo testo testo 3</div>

</form> 

</body>
</html> 
c'è un modo per risolvere questo problema ?