problema javascript ocultar divs

[giorgio_83]

Buenas, tengo este código, que es de la manera que he ocultado divs siempre, pero no se por que razón no funciona.La finalidad es mostrar y ocultar los divs que tiene como id "menuh" y "menuh2", pero no se porque razón me dice que el elemento no acepta esa propiedad o metodo.

NO FUNCIONA NI EN IE6 NI EN IE7 NI EN IE8 NI EN FIREFOX 3.

os pongo el código a ver que puede ser. Tambien comentaros que este codigo es un include, es decir que es una parte que se incluye luego en las paginas.

Código:

<script language="javascript">

function ocultar(div)	{
	alert(div);
	if(div=='menuh'){
	document.getElementByID('menuh').style.display = 'none'; 
}else{
  document.getElementByID('menuh2').style.display = 'none'; 

}
}

function mostrar(div)	{
	alert(div);
	if(div=="menuh"){
	document.getElementByID('menuh').style.display = ''; 

}else {
  document.getElementByID('menuh2').style.display = ''; 

}	
}
		
</script>
<style>

div.ver {
  display:block;
}

div.oculto{
	display:none;
}

#menu-sup2 li a {
	font-size: 16px;
	text-decoration: none;
	color: #E2001A;
}
#menu-sup2 li a:hover{
	color: #643E17;
}
#menu-sup2 ul {
	list-style-image: none;
	list-style-type: none;
	float: right;
	margin-bottom: 10px;
}
#menu-sup2 li {
	font-size: 16px;
	font-weight: bold;
	color: #643E17;
	float: left;
	margin-left: 10px;
	}


#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	float: right;
	margin-bottom: 10px;
}

#menuh li {
		font-size: 16px;
	font-weight: bold;
	color: #643E17;
	margin-left: 10px;
	float: left;
}

#menuh a {
	text-decoration: none;
	display: block;
	text-align: center;
		font-size: 16px;
	text-decoration: none;
	color: #E2001A;
}


#menuh a:hover {
	color: #643E17;
}

#menuh2 ul, li {
	list-style-type: none;
}

#menuh2 ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	float: right;
	margin-bottom: 10px;
}

#menuh2 li {
		font-size: 16px;
	font-weight: bold;
	color: #643E17;
	margin-left: 10px;
	float: left;
}

#menuh2 a {
	text-decoration: none;
	display: block;
	text-align: center;
		font-size: 16px;
	text-decoration: none;
	color: #E2001A;
}


#menuh2 a:hover {
	color: #643E17;
}

</style>

		<div id="menu-sup">

		<ul>


<li>|</li>
					<li><a tabindex="6" class="off" href="javascript:mostrar('menuh');" title="<?=comun(29)?>" ><?=comun(29)?></a></li>
<li>|</li>
					<li><a tabindex="5" class="off" href="javascript:mostrar('menuh2');ocultar('menuh');" title="<?=comun(34)?>" ><?=comun(34)?></a></li>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="home.php") { ?>

					<li><?=comun(3)?></li>

<? } else { ?>

					<li><a tabindex="1" class="off" href="home" title="<?=comun(3)?>" ><?=comun(3)?></a></li>

<? }?>

<li>|</li>

<? if (basename($_SERVER['PHP_SELF'])=="quienes_somos.php") { ?>
		<li><?=comun(1)?></li>

<? } else { ?>

					<li><a tabindex="2" class="off" href="quienes_somos" title="<?=comun(1)?>" ><?=comun(1)?></a></li>

<? }?>	
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="objetivos.php") { ?>

					<li><?=comun(34)?></li>

<? } else { ?>

					<li><a tabindex="3" class="off" href="objetivos" title="<?=comun(34)?>" ><?=comun(34)?></a></li>

<? }?>	
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="guia.php") { ?>

					<li><?=comun(28)?></li>

<? } else { ?>

					<li><a tabindex="3" class="off" href="guia" title="<?=comun(28)?>" ><?=comun(28)?></a></li>

<? }?>	
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="contacto.php") { ?>

					<li><?=comun(27)?></li>

<? } else { ?>

					<li><a tabindex="4" class="off" href="contacto" title="<?=comun(27)?>" ><?=comun(27)?></a></li>

<? }?>	




				</ul>

</div><br>



<div id="menuh">

<ul>
<li>|</li>
					<li><a tabindex="13" class="off" href="recomendaciones?id=50" title="<?=comun(35)?>"><?=comun(35)?></a></li>
<li>|</li>
					<li><a tabindex="12" class="off" href="recomendaciones?id=51" title="<?=comun(36)?>"><?=comun(36)?></a></li>
<li>|</li>
					<li><a tabindex="11" class="off" href="recomendaciones?id=52" title="<?=comun(37)?>"><?=comun(37)?></a></li>
<li>|</li>
					<li><a tabindex="10" class="off" href="recomendaciones?id=53" title="<?=comun(38)?>"><?=comun(38)?></a></li>
<li>|</li>
					<li><a tabindex="9" class="off" href="recomendaciones?id=54" title="<?=comun(39)?>"><?=comun(39)?></a></li>
<li>|</li>
					<li><a tabindex="8" class="off" href="recomendaciones?id=55" title="<?=comun(40)?>"><?=comun(40)?></a></li>
<li>|</li>
					<li><a tabindex="7" class="off" href="recomendaciones?id=56" title="<?=comun(41)?>"><?=comun(41)?></a></li>				
	
		</ul>

</div>


		<div id="menuh2">
		<ul>
<li>|</li>
					<li><a tabindex="20" class="off" href="recomendaciones?id=57" title="<?=comun(42)?>"><?=comun(42)?></a></li>
<li>|</li>
					<li><a tabindex="19" class="off" href="recomendaciones?id=58" title="<?=comun(43)?>"><?=comun(43)?></a></li>
<li>|</li>
					<li><a tabindex="18" class="off" href="recomendaciones?id=59" title="<?=comun(44)?>"><?=comun(44)?></a></li>
<li>|</li>
					<li><a tabindex="17" class="off" href="recomendaciones?id=60" title="<?=comun(45)?>"><?=comun(45)?></a></li>
<li>|</li>
					<li><a tabindex="16" class="off" href="recomendaciones?id=61" title="<?=comun(46)?>"><?=comun(46)?></a></li>
<li>|</li>
					<li><a tabindex="15" class="off" href="recomendaciones?id=62" title="<?=comun(47)?>"><?=comun(47)?></a></li>
<li>|</li>
					<li><a tabindex="14" class="off" href="recomendaciones?id=63" title="<?=comun(48)?>"><?=comun(48)?></a></li>
<li>|</li>
					<li><a tabindex="21" class="off" href="recomendaciones?id=63" title="<?=comun(49)?>"><?=comun(49)?></a></li>		
							
		</ul>

</div>

Espero que puedan ayudarme

un saludo.

[David]

Es document.getElementById(), no document.getElementByID().