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 の領域の外側またはその外側をクリックすると、非表示に戻り、指定した 2 番目の 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 に答える