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