打开一个班级，关闭其他班级

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();
});