单击另一个下拉列表时，下拉关闭

Question

我有一个问题，我有一些下拉元素。当点击一个扩展时，我需要其他人崩溃。

可在此处查看该页面：

http://www.mniac.com/smartlessons/template.html

这是jQuery：

$('.advanced').click(function(){
    $('.drop-box.advanced-search').slideToggle();
});

$('#smart-lessons > a').click(function(){
    //$('.drop-box').hide();
    $('#smart-lessons a').toggleClass('open');
    $('#about a').removeClass('open');
    $('.drop-box.smart').slideToggle();
});

$('#about > a').click(function(){
    //$('.drop-box').hide();
    $('#about a').toggleClass('open');
    $('#smart-lessons a').removeClass('open');
    $('.drop-box.about').slideToggle();
});

我尝试在执行脚本之前关闭所有.drop-box元素，但它只是在关闭相同链接时关闭并重新打开。

Answer 1

尝试用以下代码替换上面的所有代码：

$('.nav ul > li > a').click(function() {
    $('.drop-box').slideUp();
    if ($(this).parents('#search').length) {
        $('.advanced-search').slideDown();
    } else {
        $(this).next('.drop-box').slideDown();
    }
    return false;
});