[norules]

Hallo zusammen,
ich habe folgendes Problem und komme nicht so recht weiter.

Nachdem die Seite geladen ist, sollen alle Inhalte ausgeblendet werden und bei entsprechendem Klick auf einen Menüpunkt eingeblendet werden.
Wird dann ein anderer Punkt ausgewählt, soll der aktuell eingeblendete Inhalt ausgeblendet werden und der Neue erscheinen.
Wenn der gleiche Inhalt wiederholt ausgewählt wird, funktioniert das Ganze einwandfrei... Allerdings nicht, wenn man einen anderen Link anklickt (was ja wahrscheinlicher ist^^).
Das Problem ist, dass das Einblenden des Inhaltes dann zeitgleich mit dem Ausblenden des "alten" stattfindet und somit der ganze Effekte ziemlich fürn Eimer aussieht.

Mein Script:
$(document).ready(function()
{
$('div.content').hide();

$("a.link1").click(function() {
$("div.content").slideUp("slow", function() {
$("div.link1").slideDown("normal")
});
});
$("a.link2").click(function() {
$("div.content").slideUp(600, function() {
$("div.link2").slideDown(400)
});
});
});

Den Divs habe ich jeweils die Klasse "content" und entsprechend des Inhaltes "link1" bzw. "link2" zugewiesen.

Meine bisherigen Erfahrungen mit jquery halten sich eher in Grenzen. Vielleicht hat jemand nen Tip für die richtige Richtung?!

Grüße

[snuwie]

Also entweder zu verwendest aus dem jQuery UI das Accordion Widget: http://jqueryui.com/accordion/

Oder du schreibst dein Script etwas um ... so in diese Richtung: http://jsfiddle.net/abFq8/

[norules]

Erstmal danke für die schnelle Antwort

Nun hab ich das Problem, dass die Seite vorm Einklappen des Divs ans Seitenende springt, nach oben scrollt und dann erst den neuen Inhalt einblendet o.O

Es sei gesagt, dass das zu öffnende Div den Inhalt der gesamten Seite enthält.

[snuwie]

Hast du einen Link zur Seite?

Erweitere das Ganze mal mit "return false": http://jsfiddle.net/abFq8/1/

[norules]

return false; ändert leider nix am Zustand.
Im Netz ist die Seite noch nicht.

[snuwie]

[norules]

http://norules.norules-member.de/test/

[snuwie]

füg mal bitte das "return false;" ins click-event ein ...