ajax顯示/隱藏腳本之間交替顯示兩個div

Question

有人可以告訴我如何使ajax隱藏/顯示切換腳本也顯示另一個元素塊的內容之間交替。例如，我有這樣的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 class="slidingframe" id="thisframe" name="search" src="content.html"></iframe> 

這iframe的隱藏/顯示狀態，通過這種形式的按鈕控制當我點擊按鈕，它應該顯示我指定的同時，也隱藏這一個IFRAME：

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

而且還當我點擊它以外的第一個iframe或什麼的區域之外，我想爲它去背部隱藏，只留下我指定的第二個div（myDiv），這是非常重要的，因爲所有的內容都加載到這個div。點擊時的表單按鈕觸發站點搜索並將數據加載到iframe中。

Answer 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); 
     }  
    }); 
});​