javascript - Jquery 滑块不会正确滑动：/

Question

我试图让这个脚本双向运行。我设法让第一个脚本将当前面板向右移动，然后将新面板从左向右滑动：

jQuery(function($) {

    $('a.slider_panel').click(function() {
        var $target = $($(this).attr('href')),
            $other = $target.siblings('.active');

        if (!$target.hasClass('active')) {
            $other.each(function(index, self) {
                var $this = $(this);
                $this.removeClass('active').animate({
                    left: $this.width()
                },500);
            });

            $target.addClass('active').show().css({
                left: -($target.width())
            }).animate({
                left: 0
            },500);
        }
    });
    $('div.slider_panel').first().addClass('active');
    $('div.slider_panel.active').show();
});

我的问题是这个问题，我试图扭转这一点，这样我就可以将当前面板向左移动，然后将新面板从右向左移动。

jQuery(function($) {

    $('a.slider_panel_back').click(function() {
        var $target = $($(this).attr('href')),
            $other = $target.siblings('.active');

        if (!$target.hasClass('active')) {
            $other.each(function(index, self) {
                var $this = $(this);
                $this.removeClass('active').animate({
                    right: $this.width()
                },500);
            });

            $target.addClass('active').show().css({
                right: -($target.width())
            }).animate({
                right: 0
            },500);
        }
    });
});