Frage Frage zu einem toggle sldieup / down?

[Fr3ddy]

Hi,
ich habe hier folgenden Skript:

var nav = $('.nav li.mega');
nav.children('.sibling').slideUp(0);
nav.click(function (e) {
    e.preventDefault();
    var ele=this;
    
    if( $(ele).children('.sibling').hasClass('open')){
      $(ele).children('.sibling').removeClass('open').slideUp(500,function(){  
      });
    }
    else
    {
        if(nav.children('.open').length)
        {
        var child=nav.children('.open');
            $(child).removeClass('open').slideUp(500,function(){
                $(ele).children('.sibling').addClass('open').slideDown(500);
            });
        }
        else
        {
       $(ele).children('.sibling').addClass('open').slideDown(500);
       }
   }
})
;

Das Skript sollte eigenltich folgendes tun, klicke ich auf "Nav 1" soll das div ".subnav-container" runter sliden und der inhalt eingebledet werden nach einander. Klickt man jetzt auf "Nav 2" mit einer Subnavigation, soll das div nicht wieder hochsliden, nur die Subnavigation ausfaden und die neue Subnavigation 2 wieder nacheinander einfaden. Das sliden funktiniert so halb aber kur bevor das div ganz oben ist, verschwindet der Inhalt.

Hier mal mein Beispiel:
http://jsfiddle.net/bprav2cx/2/

Aber ich bekomme es irgend wie nicht hin, bin jetzt allderings auch nicht wirklich gut in JS, ehr in PHP.

LG & Danke