JQuery: Inhalt ein- und ausblenden

[yany]

Ich habe bisher noch nie mit JQuery gearbeitet, aber ich wollte meine Homepage nach diesem Beispiel umbauen: http://css-tricks.com/examples/DynamicPage .
Allerdings wurde der Hintergrund dabei verschoben und die Inhalte wurden nicht ausgetauscht.
Hier mal mein Ausgangscode:



Was muss ich ändern das der rot markierte Teil beim Klick auf einen Link in der Navigation durch den angeforderten Link ersetzt wird?

lg

PS: Falls benötigt hier meine Style.css:

 

[Sven Mintel]

Moin,

du müsstest:

1. Den Klick-Event der Links überwachen: http://api.jquery.com/click/
2. Tritt er ein, das entsprechende Linkziel per AJAX abfragen: http://api.jquery.com/jQuery.get/
3. sobald die Antwort da ist, das Zielelement ausfaden: http://api.jquery.com/fadeOut/
4. Sobald es ausgefadet ist, aus der Antwort den gewünschten Inhalt extrahieren und in das Zielelement einfügen:http://api.jquery.com/html/
5. das Zielelement hereinfaden: http://api.jquery.com/fadeIn/