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);
        }
    });
});