Menyproblem i Mozilla FF

Jag har problem med en meny som inte fungerar som jag vill i Mozilla FF. När jag klickar på "Rubrik 1" vill jag att underrubrikerna till den valda rubriken ska visas, klickar jag sedan på en annan rubrik ska dess underrubriker visas samtidigt som alla andra underrubriker döljs. Denna del fungerar som den ska, problemet är att alla underrubriker är synliga när sidan laddas. Jag vill att alla underrubriker ska vara dolda då sidan laddas.

Menyn fungerar som jag vill i IE.

Javascript:

function slideMenu(show){
	if (show.style.display=='none'){
		document.getElementById('Sub_1').style.display = 'none';
		document.getElementById('Sub_2').style.display = 'none';
		document.getElementById('Sub_4').style.display = 'none';
		document.getElementById('Sub_5').style.display = 'none';
		show.style.display='';
	} else{
		show.style.display='none';
	}
}

Länk för varje rubrik:

<a href="#" onclick="slideMenu(document.getElementById('Sub_1'));">Rubrik 1</a>

Underrubriker:

<span id="Sub_1" style="display:'none'">
	Underrubrik 1
	Underrubrik 2
</span>

<span id="Sub_1" style="display:[b]none[/b]">
Underrubrik 1
Underrubrik 2
</span>

Inga citationstecken runt none!

Annars kan du pröva att lägga till

alert(show.style.display);

först i funktionen för att se vad ff ger för värde.

Tack o bock!