Javascript 从jQuery中的子窗口通知父窗口

我无法在父窗口中释放div。我需要这样做：在div id=product1上单击box.html（从index.html打开）之后，应该释放父窗口（index.html）中的div id=wProdBox1。如何显示jquery/css来实现这一点

这是index.html

<div id="box1">Text</div> 

<div id="wBox1">
  <a href="#" class="hideLink">[X]</a>
  <object id="objPage" name="foo" type="text/html" data="box.html"></object>
</div> 

<div id="wProdBox1">
  <a href="#" class="hideLink">[X]</a>
  <object id="objPage2" name="foo" type="text/html" data="box1.html"></object>
</div>

<script type="text/javascript"> 
  $("#box1").click(function () { 
    $("#wBox1").show("slow"); 
    $("body").addClass("scroll"); 
  });
</script>

文本
$（“#box1”）。单击（函数（）{
$（#wBox1”）.show（“slow”）；
$（“正文”）.addClass（“滚动”）；
});

这是box.html

<div id="product1">Text box</div>
<script type="text/javascript">
  $("#product1").click(function () { 
   $("#wProdBox1").show("slow");  //HERE IS PROBLEM
  }); 
</script>

文本框
$（“#product1”）。单击（函数（）{
$（“#wProdBox1”）.show（“slow”）//这里有个问题
}); 

如果您将box.html作为一个新窗口打开，并希望更改index.html中的某些内容，则必须通过

打开器来引用它：

opener.$("#wProdBox1").show("slow");

jQuery允许您在选择器之后传递窗口引用：

$("#wProdBox1", window.opener.document).show("slow");

我希望通过将
window.opener.document
存储在变量中来简化此过程：

$( function() {
    var main = window.opener.document;

    $("#product1").click(function () { 
        $("#wProdBox1", main).show("slow");  //HERE IS FIX
    });
})