Problem mit jQuery slide funktion

[Stev3]

Ich versuche gerade die funktion um zu stricken:
Edit fiddle - JSFiddle

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.

 

[kkapsner]

Also zuerst einmal ist dein HTML invalide. Dann bringt es natürlich nichts, wenn du visibility auf visible stellst, das Element aber mit display: none; ausgeblendet wird.

oh Mann! Ich hab' gerade gesehen, dass du schon eine Lösung hast! Hättest du ja wohl auch hier schreiben können... Aber dein HTML ist immer noch invalide.

PS: href="#" ist unnötig, semantischer Blödsinn und erzeugt nur Probleme. Darstellung kontrolliert man mit CSS.