Jquery 一个脚本，它告诉我一旦我在它外面点击任何东西就会消失

好的，我在我的网站上有一个表单搜索，当点击时，将搜索结果加载到一个隐藏的iframe中，显示。这是iframe：

<iframe class="slidingDiv" id="frame-content-left2" name="search-box" 
        src="content.html"></iframe>

这是切换显示状态开/关的按钮：

<input type="submit" value="Search" class="send-button" />

现在，当上面的iframe显示带有页面内容的div时，站点的导航链接加载到其中的内容将消失。这是分区：

<div id="myDiv">some content here</div>

这里有一些内容

现在我有一点问题，因为当我点击左边的导航时，你看不到它加载到的div，因为它是隐藏的。我想要的是，当我在iframe外单击某个东西（如链接或空白区域）时，以某种方式告诉iframe搜索结果会消失，从而生成以下div:

<div id="myDiv">some content here</div>

这里有一些内容

重新出现

这是我正在使用的代码：

<script type="text/javascript">
$(document).ready(function() {

    $('.send-button').click(function() {
        if ($('#frame-content-left2').is(':visible')) {
            $('#frame-content-left2').hide(2000);
            $('#myDiv').show(2000);
        }
        else {
            $('#frame-content-left2').show(2000);
            $('#myDiv').hide(2000);
        }

    });
});

$（文档）.ready（函数（）{
$（'.send按钮'）。单击（函数（）{
如果（$（'#frame-content-left2'）。是（':visible'））{
$（'#frame-content-left2'）。hide（2000）；
$（#myDiv'）。show（2000年）；
}
否则{
$（#frame-content-left2'）。show（2000年）；
$（#myDiv'）.hide（2000年）；
}
});
});

---

将单击侦听器附加到文档并查看事件的目标。如果目标是应该使div出现的对象，则使其出现

$(document).click(function(e){
    if(e.target.id !== 'myDiv'){
        $('#myDiv').show();
    }
});

---

某种程度上的东西会执行你所寻找的动作。

它部分起作用。我想显示的div（myDiv）出现了，但iframe没有消失。当目标（width id=“myDiv”）出现时，我希望带有搜索结果的iframe消失。您已经获得了框架。去修改它，让你有你想要的功能。添加一行隐藏iframe，您就得到了所需的内容。这就是我正在尝试的。我对此有点陌生。

show（）

有一个相应的

hide（）

函数。（和一个在状态之间翻转的

切换（）。因此，如果要隐藏iframe，可以在给定元素
$（'#frame-content-left2'）id的选择器上调用
.hide（）
。hide（）
无骰子。我遇到了一些问题。我就是不能让它工作。