點擊另一個下拉菜單時，下拉菜單關閉

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