点击另一个下拉菜单时，下拉菜单关闭

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