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>
<!--...-->