多級下拉菜單有切換問題

Question

有人可以幫我解決我的下拉菜單中的切換問題嗎？爲了查看目的，我放慢了動畫速度。

這是我的多級下拉菜單（僅限測試頁）。如果您點擊/點擊第二層選項（「邊框」，「拉鍊」，「襯衫」等，您將看到問題 - 功能開始打開第三層菜單，但也關閉第二層。-level菜單

這裏是我使用的基本功能：

$(document).ready(function() { 
$("#dropmenu li:has(div)").click(function() { 
    $('#dropmenu li.top-level > #dropmenu li.top-level div.drop_6col-bottom').not($(this).children("#dropmenu li.top-level div.drop_6col-bottom").slideToggle(400)).hide(); 
}).mouseleave(function() { 
    $(this).children('div').hide(); 
}); 
}); 

第二級的功能是一樣的，除了「頂級」的每一個實例成爲「第二級」

我做錯了什麼？（是的，我已經詳盡地尋找答案，但不是完全點擊。）

Answer 1

嘗試此開始

$(document).ready(function() { 
    $("#dropmenu li:has(div)").click(function (event) { 
    event.stopPropagation(); 
    $('#dropmenu li.top-level > #dropmenu li.top-level div.drop_6col-bottom').not($(this).children("#dropmenu li.top-level div.drop_6col-bottom").slideToggle(400)).hide(); 
    }).mouseleave(function() { 
    $(this).children('div').hide(); 
    }); 
});