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/