Funktionen hintereinander starten?

[Fr3ddy]

Hi,

ich habe eine funktion mit slideup und slidedown wo sich subnavi und das eltern element auf und zu schieben.

Jetzt hätte ich gerne, dass die funktionen hintereinadner ausgeführt werden.
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?

http://jsfiddle.net/DvG6H/6/

 

[Fr3ddy]

Keiner eine idee?

 

[Sempervivum]

Du hast doch schon eine Callback-Funktion angewendet. Würde eine solche dir nicht auch bei diesem Problem helfen?

 

[Fr3ddy]

Ich habe es jetzt etwas modifiziert:
http://jsfiddle.net/DvG6H/21/

Aber wie bekomme ich es hin, dass die "ul" elemente und das div "nav" gleichzeitig auf und zu sliden?

 

[scbawik]

Ich habe es jetzt etwas modifiziert:
http://jsfiddle.net/DvG6H/21/

Aber wie bekomme ich es hin, dass die "ul" elemente und das div "nav" gleichzeitig auf und zu sliden?

So?
http://jsfiddle.net/DvG6H/22/

Sorry aber deine Beispiele sind beide so schlecht programmiert, es macht nicht wirklich spaß da nach einem Fehler zu suchen.
Für einen Außenstehenden ist es unmöglich dein konkretes Problem zu finden, da eigentlich das ganze Beispiel ein einzig großes Problem ist.

Insbesondere wenn der HTML-Code noch nicht mal valide ist, brauch ich mir den zugehörigen Rest gar nicht mehr anzusehen.

 

[Fr3ddy]

Das html code ist jetzt valide:
http://jsfiddle.net/DvG6H/23/

Ich hatte hier auch schon eine andere variante:
http://jsfiddle.net/DvG6H/18/

Aber ich wollte, dass z.b. das slideDown erst dann ausgeführt wird wenn slideUp komplett abgeschlossen ist, ich wusste jetzt nicht wie ich es hätte anders machen können.

 

[Tronjer]

Das slideDown als Callback auf SlideUp.

 

[scbawik]

Das html code ist jetzt valide:
http://jsfiddle.net/DvG6H/23/

Ich hatte hier auch schon eine andere variante:
http://jsfiddle.net/DvG6H/18/

Aber ich wollte, dass z.b. das slideDown erst dann ausgeführt wird wenn slideUp komplett abgeschlossen ist, ich wusste jetzt nicht wie ich es hätte anders machen können.

Nächster Versuch:
http://jsfiddle.net/DvG6H/24/

 

[Fr3ddy]

Ich versuche gerade die funktion um zu stricken:
http://jsfiddle.net/DvG6H/33/

Beim klick auf ein "level_1" "li", bekommt das kind element "level_2" den attribut visibility: visible; und das div "#nav" die höhe von diesem kindelement "level_2", dann slided das div "#nav" nach unten.

Das selbe natürlich dann bei einem klick auf ein anderes "level_1" "li", das gerade offene div schließt sich, und das kindelement bekommt wieder "visibility:hidden", erst dann öffnet sich das andere "li".

Nur leider wird die höhe nur einmal bestimmt und beim klick wird jedes "level_2" element sichtbar.