buongiorno a tutti
come capirete non sono molto pratica di javascript

ho uno script che nasconde/visualizza un div

<script type="text/javascript">
function attributi() {
if(document.getElementById('attributi').style.disp lay=='block') {
document.getElementById('attributi').style.display ='none';
} else {
document.getElementById('attributi').style.display ='block';
}
}
</script>


<a href="javascript:attributi();">personalizzazione</a>
<div class="product-variants" style="display: none;" id="attributi">
ecc.ecc .....

il problema è che all'interno del div c'è un form fatto di select che quando viene selezionato qualcosa la pagina si ricarica e il javascript non nasconde più il div

la pagina iniziale è pagina.html e si ricarica in pagina.html#/ecc.ecc.

sapete dirmi come risolvere il problema ?