Und schon hab ich die nächste Frage:

Ich möchte einen Fadeout-Effekt - wenn ich auf einen Link klicke möchte ich das meine Seite ausgeblendet wird. Ich fummel gerade mit

// Fade-Out
        $(document).ready(function() {
        $('a').click(function(event) {
        event.preventDefault();
        newLocation = $('a').attr("href");;
        $('.body').fadeOut(200, newpage);
        });
        function newpage() {
        window.location = newLocation;      
    };
 });
 

herum, was bezogen auf den Effekt auch funktioniert. Leider öffnet sich damit immer die Startseite...ich möchte aber ja das sich die entsprechend den Links hinterlegten Seiten öffnen. Nur wie?
Was mache ich falsch? Was muss ich tun damit die entsprechende Seite geöffnet wird?

Ist der Ansatz mit event.preventDefault falsch?

newLocation = $(this).find('a').attr("href");
 

führt leider zu "Seite nicht gefunden", nichtmal zur Startseite.

Wo liegt der Fehler? Hier vielleicht jemand einen Hinweis für mich oder eine Idee?

Oben ist ein ; zuviel drin...wie auch immer, Problem erstmal gelöst, mit

     // Fade-Our
        $(document).ready(function() {
        $('a').click(function(event) {
        event.preventDefault();
        newLocation = this.href;
        $('.body').fadeOut(200, newpage);
        });
        function newpage() {
        window.location = newLocation;      
    };
 });
 

scheint es auf den ersten Blick zu funktionieren.

Leider zerstöre ich damit die Funktion des "Hochscroll-Buttons" rechts unten (der erscheint wenn man auf der Seite weiter runterscrollt).......

Ich würde den Knopf gern behalten, ebenso wie den Effekt...jemand einen Tipp wie ich das bewerkstelligen kann?

Na hier tanzt ja der Bär, nicht alle auf einmal