Jquery - Effekt abwarten

[djfabi]

Hallo :)

Ich habe mich nun mal ein wenig mit jQuery beschäftig, um unsere verdammte scheiß Schulseite 'auszupeppen'

Nun habe ich aber ein Problem:
Die Seiten werden per AJAX (sollen , noch nicht gemacht) in mehrere DIV's geladen, und per Effekt auf und abgerufen.

So das klappte soweit, aber die Animation nach links wird nicht ausgeführt. Ich weiß auch wieso:
Danach wird die visibility, und der display auf hidden und none gesetzt.

Wie bekomme ich es hin das erst nach der Animation zumachen?
Hier mal die Seite: Gymnasium Fallersleben

Jetzt bitte nicht die Seite bewerten, es geht erstmal um mein Problem
Wie ihr seht ist die Seite auch noch sehr am Anfang (Hab vorgestern erst angefangen )


Wenn ihr das mit dem Effekt, was ich meine sehen wollt, klickt auf den Facebook-Button oder auf das 'GyFa'-Logo rechts, momentan gehen nur die beiden, wie gesagt
es ist ein ganz neues Projekt ;)


Bitte helft mir ;)
Gruß djfabi
P.S Sorry wenn die Seite lange lädt..

 

[Tronjer]

So wirklich verständlich ist die Frage nicht, aber jegliches Script, welches du in ein

$(document).ready(function () {
});

packst, wird erst ausgeführt, wenn die Seite geladen ist. War es das, was du meintest?

 

[djfabi]

ne, nicht wirklich.

Ich habe ja die Seite verlinkt.
Drückt mal auf den Facebook und auf das Logo.
Dann kommen neue 'Tabs' auf.

Diese Tabs sind mit einer Animation bereichert.
Ein Div geht nach links weg, und das neue kommt von rechts rein animiert.
So bei die linke Animation wird aber leider nicht berücksichtigt.
Das liegt daran das danach das Div mit visibility und display auf hidden und none gesetzt wird.
So wie bekomme ich es hin das erst die Animation, dann das unsichtbargemache kommt?
Hier der entsprechende Code-Teil:

//Animation
$("#"+clicker).ready(function(){$("#"+neutab).animate({left:"-=101%", opacity:"+=1.0"}), {duration:200, easing:"linear"}; });
//Div zurücksetzen, in diesem Falle nicht wichtig.    
$("#"+clicker).ready(function(){$(".akt_tab").animate({left:"+=202%"}); });


//unsichbar gemache
$("#"+clicker).ready(function(){$(".akt_tab").css({visibility:"hidden", display:"none"}); });

So wie kann ich nun das Unsichtbargemache warten lassen, bis die Animation beendet ist?

 

[Tronjer]

So wie kann ich nun das Unsichtbargemache warten lassen, bis die Animation beendet ist?

Ach so. Falls die jQuery Funktion delay() hier keine Lösung bietet, bleibt natürlich das gute alte setTimeout(), um eine Verzögerung einzubauen.

 

[djfabi]

Ok, danke erstmal ;)
Aber wo soll ich das jz genau einbauen?
Und wie?
setTimout() dachte ich wird immer genutzt um z.B. eine externe PHP Datei alle 5 Sekunden neu aufzurufen, oder?

Sorry das ich so doofe Fragen stelle, aber dafür ist das Forum ja da oder? ;)

 

[Tronjer]

Dafür gibt es setInterval().

setTimeout(function(){alert("Hello World")},500);

Baut ein Delay ein.

Ersetze das alert() durch deinen jQuery Code und passe die Verzögerung an.