jQuery Slider 只工作两次？

Question

我在整个过程中使用 .animate 函数用 jQuery 制作了自己的滑块，当我使用它一次和两次时，滑块可以工作，但在第三次尝试时，它变得疯狂！基本上它类似于 Microsoft 的“家庭版”和“工作版”滑块，但复杂程度要低得多（现在）

它位于网站上，为了向您展示我的意思，以下是 URL： http://glorbi.com/index3

（点击“工作”，然后“家庭”，然后“工作”，它开始失败）

这是处理滑动的 jQuery：

$("#sidebar2").click(function(){
            $("#innerSec2").animate({"right" : 130}, 1000); 
            $("#sidebar2").animate({"height" : 1100});
            $("#innerSec").animate({"left" : -840}, 1000);
            $("#innerSec").animate({"left" : 840}, 200);
            $("#sidebar").animate({"height" : 400});
    });
    $("#sidebar").click(function(){
        $("#innerSec").animate({"left" : 0}, 1000);
        $("#sidebar").animate({"height" : 1100});
        $("#innerSec2").animate({"right" : 970}, 1000);
        $("#innerSec2").animate({"left" : 710}, 200);
        $("#sidebar2").animate({"height" : 400});
    });

我尝试过使用回调，但它们会导致更连续的反应，部分移动滑块，这看起来非常可怕。

我还知道滑动时的 z-index 问题，我会解决这个问题！

有谁知道我该如何解决这个问题？该代码非常通用，并且每个操作都有严格的值，我真的不明白它是如何失败的。 :S

非常感谢！非常感谢任何帮助！ :)

Answer 1

在firebug中摆弄它之后，我发现在我们点击sidebar2 div后，innerSec2上的left:710px引起了问题，所以我尝试了以下操作，除了您可以修复的 z order 问题之外，它似乎有效：D

$("#sidebar2").click(function(){$("#innerSec2").animate({"left":-130},0);});