Problema con document.getElementById(id).style.display == 'none'

[marconi2]

Salve, sul mio sito, se visualizzato da mobile, il css nasconde il men� che poi viene visualizzato cliccando su un <button> utilizzando il seguente script:

function visualizza(id){     
if(document.getElementById(id).style.display == 'none'){ 
document.getElementById(id).style.display = 'block'; 
} else { 
document.getElementById(id).style.display = 'none'; 
} 
}

Il problema è che il css è esterno alla pagina, e per far comparire il menù e bisogna cliccare 2 volte sul bottone, invece se "display: none;" lo inserisco direttamente nel div menù questo si apre al primo click sul <button>. Potete dirmi come fare per far comparire il menù al primo click anche con il css esterno? Grazie in anticipo