基于Jquery的按钮滑块

Question

我正在创建我的第一个jquery函数。视图窗口上方有一组按钮。视图窗口用div初始化，当按下其中一个按钮时，相应的div会滑入视图窗口。

它在firefox中工作得很好（在任何其他浏览器中都不工作），但最终没有div滑入视图窗口。我相信这个问题与css左值超出范围有关，但我不确定如何修复它。

js

$(function() {
var prevButton = 3;
$("#par3").show();
$(".window_control").click(function() {
    var cur = this.id;
    if(cur != prevButton){
        var activeItem = $("#par"+prevButton);
        var nextItem = $('#par'+cur);
        var slider = $(".slider");
        var finalWidth = slider.width()*2;
        var animationTime = 2000;
        var cssDir = (prevButton > cur) ? "right" : "left";
        var animation = (prevButton > cur) ? { left: '+=' + finalWidth } : { left: '-=' + finalWidth };
        prevButton = cur;
        activeItem
            .animate(animation, animationTime);
        nextItem
            .show()
            .css(cssDir, finalWidth)
            .animate(animation, animationTime);
    }
    return false;
  });
}); 

Answer 1

不使用本机的任何原因：

 $('div').show("slide", { direction: "left" }, 1000);