Slideup und slidedown hintereinadner starten?

[Stev3]

Hi,

ich habe eine funktion mit slideup und slidedown wo sich subnavi auf und zu schieben und zusätzlich das div "nav" in der höhe ändert.

Jetzt hätte ich gerne, dass die funktionen hintereinadner ausgeführt werden, quasi slideDown wird erst ausgeführt wenn slideUp fertig oder "oben" ist.
Beispiel:
Ich klicke auf haupt nav punkt 1, dieser slided nach unten, ich klicke auf haupt nav punkt 2, der inhalt von haupt nav punkt 1 schließt sich und erst dann öffnet sich haupt nav punkt 2.

Wie kann ich das bewerkstelligen, ich habe mir den code müsählich zusammengebaut und das problem erst am ende entdeckt.

Edit fiddle - JSFiddle

LG & danke

 

[Sempervivum]

Schau dir mal die Callback-Funktion für "complete" an:
https://api.jquery.com/slideDown/

 

[Stev3]

Die höhe des div "nav" wird doch schon in der callback errechnet aber es soll ja auch simultan passieren:

.slideDown('slow',function(){
                    $('#nav').animate({height:$topLevelItems.find('.level_2:visible').height()+55},200);

 

[kkapsner]

Jetzt hätte ich gerne, dass die funktionen hintereinadner ausgeführt werden

aber es soll ja auch simultan passieren:

Äh... für eines musst du dich schon entscheiden...

PS: wenn sich nur die Höhe simultan anpassen soll, macht man das am besten mit einem CSS, das das automatisch macht...