层的隐藏

Question

逻辑有问题：>鼠标移开，子目录消失>当鼠标移往别处的的时候，最后一个显示的子类不会消失

Answer 1

menu.onmouseout=function(){
  if(event.toElement!=subMenu)
     //子目录消失
}

Answer 2

我添加了hiddenIt()隐藏所有的层，可是问题又来了：倒是可以隐藏层，但是鼠标离开第一层目录而去点击其子目录的时候，子目录也随之不见了！！//function hiddenIt()
echo " function hiddenIt() \n ";
echo " { \n";
echo " for(j = 0;j<count1;j++) \n ";
echo "  { \n ";
echo "  whichE1 = eval('a' + j ); \n";
echo "  whichE1.style.visibility = 'hidden'; \n ";
echo "   } \n ";
echo "   } \n ";
<table width="90%" border="0" >
<tr>
<?php  for ($i=0;$i<$count1;$i++){ ?>
<td>
<table>
<tr>
<td onMouseOver="showIt('<?php echo $i;?>')">
<a href='select_result.php?typename=<?php echo $type1[$i]; ?>'><?php echo $type1[$i];?></a>
</td>
</tr>
<tr> 
<td>
<div  id="<?php echo 'a'.$i;?>" style="position:absolute; width:113px; height:82px; z-index:1; left: 3px; top: 33px; visibility: hidden;"> 
<table>
<?php  for ($j=0;$j<$count2[$i];$j++){ ?>
<tr>
<td onMouseOut="hiddenIt()" bgcolor="#99cccc">
<a href='select_result.php?typename=<?php echo $type2[$i][$j]; ?>'><?php echo $type2[$i][$j];?></a>
</td>
</tr>
<?php } ?>
</table>
</div>
</td>
</tr>
</table>
</td>
<?php } ?>
</tr>
</table>