jQuery Slider Работает только дважды?

Question

Я сделал свой собственный слайдер с помощью jQuery, используя функции .animate, и этот слайдер работает, когда я использую его один и два раза, но с 3-й попытки он сходит с ума! По сути, он похож на слайдер 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 я обнаружил, что left:710px на innerSec2 вызывает проблему, после того, как мы нажмем sidebar2 div, поэтому я попытался выполнить следующее, и, похоже, это работает, за исключением проблемы z order, с которой вы столкнулись. можно исправить: D

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