Sekwencyjna animacja w js, Jquery

hej.

Chciałbym zrobić sekwencyjną animację ale nie za bardzo wiem jak. Napisałem coś takiego ale to nic nie daje.

 
    var time = 1500;
    //rozwijanie
     
     
    //wjazd grup
    if(Anim.slidetoup(".g1"))
    if(Anim.slidetoup(".g2")
    if(Anim.slidetoup(".g3"))
    Anim.slidetoup(".g4");
    	Anim={
    slidetoup:function(clas){
    			var hig= $(clas).height();
    			var wid = $(clas).width();
    			var pos = $( clas );
    			var p= pos.position();
    			$(clas).css({"top":700 }).animate({"top":p.top }, 2000, function () {
    				return true
    			});
     
    		},};

Masz w ogóle pojęcie co napisałeś czy tak tylko sobie zmyślasz?
Metody służące do animacji w jQuery mają callbacki.

Nie wiem jak je stosować. Próbowałem ale też nie idzie

Podstawowe pytanie - znasz JavaScript jako język chociaż?

No umiem coś zrobić ale animacji nie robiłem.

@kiui: Ale tak to powinno wyglądać.... Prawie, bo są jeszcze obietnice - Google "javascript promises" - raczej trudne, szczególnie dla kogoś, kto i tak nie ma pojęcia o asynchroniczności (stąd przecież Twoje próby zwracania "true" w callbacku i zastanawianie się dlaczego nadrzędna funkcja "zwraca" undefined) - ale zapewnia lepszą czytelność niż callbacki w callbackach.