Mostrar Ocultar div

[Ursulo]

Tengo un menu principal dentro de un div y a través de una pagina encontre el siguiente codigo que no se como vincularlo a los sub menus que quiero ocultar.
<code>
function showDiv(quien) {
div = document.getElementById(quien);
if(div.style.display == ‘block’){
div.style.display = ‘none’;
}else if(div.style.display == ‘none’){
div.style.display = ‘block’;
};
</code>

El Menu lo tengo de la siguiente manera,
<code>
<div id="*" name="*">
<ul>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a>
<ul>
<li><a href="*/*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*/*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*/*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*/*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*/*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
</ul>
</li>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a>
<ul>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
</ul>
</li>
<li><a href="*.html" target="*"><img src="../../*/*/*/*.jpg"></a></li>
</ul>
</div>
</code>
quiero saber si los submenus los debo poner en divs para que funcione lo del primer bloque de codigo.

[SirDuque]

Código Javascript:

//<!-- Mostrar tabla
function cambiarDisplay(id) {
  if (!document.getElementById) return false;
  fila = document.getElementById(id);
  if (fila.style.display != "none") {
 fila.style.display = "none";
  } else {
    fila.style.display = ""; //mostrar fila 
  }
}
// FIN-->
 

Pones la funcion en el input que necesitas:

"EVENTO"="cambiarDisplay('a')"

Y le agregas el style en donde queres usarlo:

<tr id="a" style="display:none">

[Ursulo]

Osea que convierto en tabla y aplico el script al <td> que necesito?

Iniciado por SirDuque

Código Javascript:

//<!-- Mostrar tabla
function cambiarDisplay(id) {
  if (!document.getElementById) return false;
  fila = document.getElementById(id);
  if (fila.style.display != "none") {
 fila.style.display = "none";
  } else {
    fila.style.display = ""; //mostrar fila 
  }
}
// FIN-->
 

Pones la funcion en el input que necesitas:

"EVENTO"="cambiarDisplay('a')"

Y le agregas el style en donde queres usarlo:

<tr id="a" style="display:none">

[SirDuque]

No tiene por que ser una tabla, probalo en DIV, que alla una variable fila, no significa que tenes que usarlo solo con TR... pero si! la idea es que lo apliques al evento que necesites.

[Ursulo]

Muchas gracias, entonces hare del submenu un Div y aplicare lo que tu me comentas

[Ursulo]

Me ha servido usar lo de el style, vere como modifico tu funcion para poder modificar el style.