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 中，因此始终会输入 true 条件。

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