jQuery幻燈片和顯示/隱藏div

Question

http://jsfiddle.net/VCUz4/1/

以上是我設計的網站的一部分。通常的jQuery幻燈片函數可以正常工作，但我想更進一步。

單擊其中一個版本圖像時，會出現一個div，顯示更大的藝術品，曲目列表和其他信息。如果單擊另一個版本時打開它，我希望舊部分隱藏並立即將新部分替換。在那個時刻，我遇到了我的jQuery問題。

如果.length> 1，則內容按我的意願顯示，但如果爲0，則初始內容不會滑動，但會顯示，但您可以在版本之間進行切換。這是我第一次嘗試創建我自己的腳本，因爲您可能會說出來，說實話，只是讓部分在對方上下滑動的原始實現已經足夠，但我希望能夠更好地完成我的工作。由於

Answer 1

我想你只需要改變你的病情：

$(document).ready(function() {  

    $('#amy, #harris').hide();       

    $('#link2').click(function() { 
     if ($("#harris").is(":visible")) { 
      $("#harris").hide(); 
      $("#amy").show(); 
     } 
     else $('#amy').slideDown(500); 

     return false; 
    }); 

    $('#link1').click(function() { 
     if ($("#amy").is(":visible")) { 
      $("#amy").hide(); 
      $("#harris").show(); 
     } 
     else $('#harris').slideDown(500); 

     return false; 
    }); 

}); 

請不要將選擇的結果的長度。 #harris和#amy總是在DOM中，所以總是會輸入真實條件。

更新例如：http://jsfiddle.net/uwmtN/