0

有人可以告诉我如何使 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 中。

4

1 回答 1

1

你可以这样做

现场演示

$(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);
        }    
    });
});​
于 2012-07-02T16:07:55.473 回答