交替显示两个 div 的 ajax 显示/隐藏脚本答案

【问题标题】：ajax show/hide script that alternates between showing two divs交替显示两个 div 的 ajax 显示/隐藏脚本
【发布时间】：2012-07-03 01:53:08
【问题描述】：

有人可以告诉我如何使 ajax 隐藏/显示切换脚本在显示另一个元素块的内容之间交替显示。例如我有这个 iframe（隐藏在页面上）：

<iframe class="slidingframe" id="thisframe" name="search" src="content.html"></iframe>

该 iframe 的隐藏/显示状态由此表单按钮控制：

<form accept-charset="UTF-8" class="fsearch" action="./Affiliates/search_db/search.php" method="get" target="search">
<input type="submit" value="Search" class="send-button" />
<input type="hidden" name="search" value="1" />
<label for="sitesearch">
<input id="sitesearch" class="tfield" type="text" name="query" size="30" />
</label>
</form>

现在我想要的是，当我单击按钮时，它应该显示我指定的 iframe，同时也隐藏这个：

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

而且一旦我点击第一个 iframe 的区域之外或它之外的任何内容，我希望它返回隐藏状态，只留下我指定的第二个 div (myDiv)，这非常重要，因为所有内容被加载到这个 div 中。当点击表单按钮时，会触发站点搜索并在 iframe 中加载数据。

【问题讨论】：

标签： jquery ajax show-hide

【解决方案1】：

你可以这样做

Live Demo

$(document).ready(function() {    
    $('.show_hide').click(function() {
        if ($('#div_one').is(':visible')) {
            $('#div_one').hide(2000);
            $('#div_two').show(2000);
        }
        else {
            $('#div_one').show(2000);
            $('#div_two').hide(2000);
        }    
    });
});

【讨论】：

我在发布问题并更改后看到它。
是的，它似乎在那里工作正常。如果我更新我的问题然后让你看一下可以吗？
它适用于演示但现在我已经更新了我想要完成的问题是可能的吗？
我认为你可能理解了这个演示并将其应用到你的代码中
非常感谢阿迪尔的帮助。所以这是问题的一部分。现在我想要的只是当我在 iframe 外部单击时消失，无论是在链接上还是只是空白区域，以及首先重新出现的默认内容。