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

[ciro78]

ciao marconi
ti invito a leggere il regolamento e in particolare la sezione del tag code.

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

prova ad aggiungere la riga in grassetto. magari restituisce qualcosa di diverso da none e quindi non lo becca...(probabilmente undefined)

Questo perchè lo nascondi tramite classe appunto. Lo stile non è settato...

[marconi2]

Grazie, ho provato e in console restituisce una stringa vuota, ho risolto mettendo nell'if un or che comprendesse anche la stringa vuota

[ciro78]

prego