Ciao ragazzi,
ho un piccolo problema con questo js che posto. Funziona con tutti i browser tranne che con Firefox. Dove sta il problema? lo script lo fatto io ed è molto semplice. E' un menù verticale che apre e chiude dei div.
Per comodità riporto solo due voci di menù, le altre sono uguali
Codice js
codice:
function showHide(id) {
//id.id.style.display ='none';
if (id.style.display != 'block')
id.style.display = 'block';
else
id.style.display = 'none';
if (id.id=='submenu1') {
// document.getElementById('submenu1').style.display='block';
document.getElementById('submenu2').style.display='none';
document.getElementById('submenu3').style.display='none';
document.getElementById('submenu4').style.display='none';
document.getElementById('submenu5').style.display='none';
document.getElementById('submenu6').style.display='none';
} else
if (id.id=='submenu2') {
document.getElementById('submenu1').style.display='none';
// document.getElementById('submenu2').style.display='block';
document.getElementById('submenu3').style.display='none';
document.getElementById('submenu4').style.display='none';
document.getElementById('submenu5').style.display='none';
document.getElementById('submenu6').style.display='none';
}
}
Codice HTML
codice:
<div>MENU 1</div>
<div id='submenu1' style='display:none'>
<ul>
[*]subvoce1.1
[*]subvoce1.2
[*]subvoce1.3
[/list]
</div>
</div>MENU 2</div>
<div id='submenu2' style='display:none'>
<ul>
[*]subvoce2.1
[*]subvoce2.2
[*]subvoce2.3
[/list]
</div>