Hjælp til at slide div-layers offscreen

[ClubAce]

Hej herinde,

Jeg har fundet det her script som slider div-layers offscreen (til venstre) ved klik på lagene.
http://jsfiddle.net/jtbowden/ykbgT/2/

I stedet for at lagene kun slider til venstre kunne jeg rigtig godt tænke mig, at de også kan slide til højre. Og fremfor at animationen sker ved klik på selve lagene, så skal den helst kun ske ved klik på en af to knapper som er placeret i hvert enkelt lag, og som også skal styre slide-retningen. Knapperne kunne derfor passende hedde henholdsvis "Frem" (slide til venstre) og "Tilbage" (slide til højre).
Lige nu "køres" der bare igennem de fem lag fra Div #1 til Div #5. Via knapperne skal man således kunne gå fra f.eks. Div #4 tilbage til Div #3 ved klik på "Tilbage"-knappen i Div #3, og frem til Div #4 igen ved klik på Div #3's "Frem"-knap.

Håber ikke det er for indviklet formuleret og at der i givet fald er nogen der kan hjælpe mig med dette.

Venligst
Ace

[ThomasI]

Hmmm...

de enste måder jeg lige kunne få den til at gå til højre på var sådan her:

Kode: Vælg alt

$('.box').click(function() {

    $(this).animate({
        left: '100%'
    }, 500, function() {
        $(this).css('left', '500%');
        $(this).appendTo('#container');
    });

    $(this).next().animate({
        left: '50%'
    }, -500);
});​

og

Kode: Vælg alt

$('.box').click(function() {

    $(this).animate({
        left: '50%'
    }, 500, function() {
        $(this).css('left', '150%');
        $(this).appendTo('#container');
    });

    $(this).next().animate({
        left: '50%'
    }, 500);
});​

Det andet må desværre melde pas på...