如何在iframe的页面中隐藏父页面的div？

Question

目前我正在做一个动态的菜单组件，先做一个Demo测试组件的可行性。其中各个菜单组是使用div显示的。如下是我的Demo的框架：
首先我在框架页面的最顶端的iframe中的页面（名字叫Menu.aspx）中写入菜单的html代码，其中一级菜单是一个table，二级及以下菜单使用div加table。框架页面的下部分才是真正的“工作区页面”。菜单对应的url的target为“工作区页面”。理论上点击二级及以下菜单后“工作区界面”应该呈现菜单的URL对应的界面，同时隐藏菜单。现在出现的问题是:当点击一级菜单后弹出二级菜单，当鼠标移动到菜单以以外在“工作区页面”的时候点击鼠标无法隐藏菜单。不知道该如何处理？谢谢！

Answer 1

在javascript中用parent对象引用div

Answer 2

window.parent.你的divId.style.visibility='hidden';
不行的话
window.opener.你的divId.style.visibility='hidden';

Answer 3

你们说的是具体如何隐藏某个div，按照这种做法那么在“工作区界面”的每个页面上都要加如下代码：<document onclick='隐藏菜单的代码'>这种做法的确是可以，但是太麻烦。

Answer 4

你们说的是具体如何隐藏某个div，按照这种做法那么在“工作区界面”的每个页面上都要加如下代码：  <document  onclick='隐藏菜单的代码'  >  
 
这种做法的确是可以，但是太麻烦，这样做就无法做到组件化的效果。

Answer 5

window.parent.document.all('DIV_ID').style.visibility='hidden';

Answer 6

你要组件化最好给'DIV_ID'编组，传参进去执行，这样就能隐藏指定的DIV了