Ocultar Submenu

[Ursulo]

Tengo una funcion y un par de submenus que quiero desplegar pero ya no se como moverle para que hagan su cometido.

Código:

 
<script>
       function toggle(obj)
       {

	    var item = document.getElementById(obj);
	    if(item.style.display == 'none') 
		{ 
		 item.style.display = '';
		}
	    else 
		{ 
		 item.style.display = 'none';
		}
       }
</script>
<!--...-->
<tr>
	   <td>
        <div onmouseover="javascript:toggle(MenuProd)" onmouseout="javascript:toggle(MenuProd)"> 
		 <a href="KookiDo.html" target="contenidos" >
		  <img src="../../ImagenesKooki/Diseno/Botones/KookiOurs.jpg" >
		 </a>
		</div>
	     <div id="MenuProd" name="MenuProd" style="display:none;">  
		  <a href="Basic/KookiMenuBasic.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiBasic.jpg"></a><br />
		  <a href="Premium/KookiMenuPremium.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiPremium.jpg"></a><br />
		  <a href="Xtreme/KookiMenuXtreme.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiXtreme1.jpg"></a><br />
          <a href="Seasons/KookiMenuSeasons.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiSeason1.jpg"></a><br />
		  <a href="CorpGift/KookiMenuCorp.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiCorp.jpg"></a>
	    </div>
	   </td>
	  </tr>
	  <tr>
	   <td >
        <a href="KookiStory.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiAndMore.jpg"></a>
	   </td>
	  </tr>
	  <tr>
	   <td>
	    <div onmouseover="javascript:toggle(MenuMember)" onmouseout="javascript:toggle(MenuMember)">
        <a href="KookiMenuMember.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiBeKM.jpg"></a></div><br /> 
		<div id="MenuMember" name="MenuMember" style="display:none;">  
         <a href="KookiMember.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiMember1.jpg"></a><br />
         <a href="KookiMonth.html" target="contenidos"><img src="../../ImagenesKooki/Diseno/Botones/KookiMonth.jpg"></a>
		</div>
	   </td>
	  </tr>
<!--...-->

[goteen_mx]

lo que veo de manera rápida en esta linea

item.style.display = '' hay que poner item.style.display = 'block'

y cuando mandas a llamar la función ponle comillas

onmouseover="javascript:toggle('MenuProd')" onmouseout="javascript:toggle('MenuProd')"

checalo y nos cuentas

Saludos

[Ursulo]

ok, muchas gracias

[Ursulo]

El codigo se quedo de la siguiente manera

Código HTML:

<!--...-->		  
       function toggle(obj,n)
       {
         var item = document.getElementById(obj);
         if(n == 0){ item.style.display = 'block';}
         if(n==1){ item.style.display = 'none';}
       }
<!--...-->	  
<tr>
<td>
<div id="Menu1" onMouseover="javascript:toggle('MenuProd',0);" onMouseOut="javascript:toggle('MenuProd',1);">
<a href="&.html" target="contenidos">
<img src="../../&/&/&/&.jpg">
</a>
</div>
<div id="MenuProd" name="MenuProd" name="MenuProd" style="display:none;">  
<a href="&/&.html" target="%"><img src="../../&/&/&/&.jpg"></a><br />
<a href="&/&.html" target="%"><img src="../../&/&/&/&.jpg"></a><br />
<a href="&/&.html" target="%"><img src="../../&/&/&/&.jpg"></a><br />
<a href="&/&.html" target="%"><img src="../../&/&/&/&.jpg"></a><br />
<a href="&/&.html" target="%"><img src="../../&/&/&/&.jpg"></a>
</div>
</td>
</tr>
<tr>
<td >
<a href="&.html" target="%"><img src="../../%/&/&/&.jpg"></a>
</td>
</tr>
<tr>
<td>
<div id="Menu2" onMouseOver="javascript:toggle('MenuMember',1);" onMouseOut="javascript:toggle('MenuMember',0);">
<a href="&.html" target="%"><img src="../../&/&/&/&.jpg"></a>
<br />
</div> 
<div id="MenuMember" name="MenuMember"  style="display:none;">  
         <a href="&.html" target="%"><img src="../../&/&/&/&.jpg"></a><br />
         <a href="&.html" target="%"><img src="../../%/&/&/&.jpg"></a>
		</div>
	   </td>
	  </tr> 

El problema es que se quede el submenu