Ok so this is the final thing or two

Ok so this is the final thing or two

hi all i have one more problem with the code for my wonderful menu i have going

you can see the menu in action on this url
http://koorliny.com.au/home.php

now as you can see it works very nice as it is but just needs a few bits to finish it off

what i need is that when i open a bit of the menu all but the parent UL's and the first UL of the #navi shut or are hidden

for example when you click on Venue Information then General Information you will see that it opens fine now if you go to and click on Buy Tickets Online Now then on Venue Information again you will see that it opens all the way down General information again and i want the user to have to click on general information again

is there anything that can be done

there is only 4 lvls of this menu so i dont see why it cant be done but what i have tried doesn't work and just ends up braking the whole menu as a whole

and if you take into account the first lvl of the menu is always visible then thats only 3 lvls you need to deal with

this is the current jquery code
$(document).ready(function()
{
   $("#navi ul:not(.open)").hide();   
   $('#navi a').bind('click', function(){
         lvl = $(this).parent().attr('id');
         $.cookie('nav', lvl);
   });

   $("ul > li").click(function()
   {
//      $(this).next("ul").slideToggle();
      $(this).children("ul").slideDown("slow").parent().siblings().children("ul:visible").slideUp("slow");
   });   
});


also i want it so that each section when open if i click on it again it closes is that possible at all or not

thanks in advance look forward to seeing what you guru's can do yet again