Открытый один класс, рядом другие

Question

я написал небольшое меню списка с возможностью расширения категорий, используя этот маленький кусочек JQuery

$("#menu ul li ul").hide(); 

$("#menu ul li").click(function() { 
    $(this).find("ul").slideToggle(); 
}); 

Существует полный jsFiddle меню здесь: http://jsfiddle.net/AlexSadler/uRwh7/7/

Единственная проблема заключается в том, что когда одна категория открыта, и я открываю другую, первая не закрывается, и я заканчиваю тем, что заканчивается. Кто-нибудь знает, как я могу это исправить?

Answer 1

$('#menu ul li').click(function() { 
    $(this) 
     .find('ul') 
     .slideToggle() 
     .end() 
     .parent() 
     .siblings() 
     .find('li ul') 
     .hide() 
    ; 
}); 

Answer 2

Попробуйте этот код,

$("#menu ul li ul").hide(); 

$("#menu ul li").click(function() { 
    $("#menu ul li ul").hide(); 
    $(this).find("ul").slideToggle(); 
});