Я написал простое аккордеонное меню с помощью jquery для следующей структуры HTML:

    <a href="#">menu1</a>
    
        <a href="#">menu2</a>
        
            <a href="#">menu 2.1</a>
            <a href="#">menu 2.2</a>
            <a href="#">menu 2.3</a>
        

    
    <a href="#">menu3</a>
    
        <a href="#">menu4</a>
        
            <a href="#">menu 4.1</a>
            <a href="#">menu 4.2</a>
                    
    
    
        <a href="#">menu5</a>
        
            <a href="#">menu 5.1</a>
            <a href="#">menu 5.2</a>
                    
      

JQuery:

$(function(){

   $('li.expanded > ul').hide();   
   $('li.expanded > a').click(function(){

     $(this).next().slideToggle();

   });
}); 

http://jsfiddle.net/d57Xv/1/

Теперь, когда я нажимаю на меню 2, оно открывается, как и ожидалось, когда я щелкаю на следующем меню 4, я хочу, чтобы меню 2 и все открытое меню автоматически закрывали его или закрывали. Интересно, как этого добиться.