向下滑動菜單 - 如何一次只允許一條路徑打開？

Question

目前，如果我打開菜單並單擊另一個菜單，則打開第二個菜單，第一個打開。 我什至可以同時開放所有內容！

我想改變這種行為，這樣我一次就不會打開多個菜單。 （說明所有級別/子菜單）

假設我打開“Home”並點擊“Item 4”。 出現“子項目1”和“子項目2”。 如果我然后單擊頂部的“聯系人”，則在“聯系人”向下滑動之前，打開的另一個菜單應該關閉（理想情況下所有級別應一次向上滑動一個）。

我知道問題是Javascript所以我不會在這里粘貼HTML和CSS以免占用太多空間。

的jsfiddle

謝謝

$(function(){
    $('ul#menu li').on('click', function(){
         $(this).children('ul').delay(20).slideToggle(600);
    });
});

$('ul').on('click', function(e){
  e.stopPropagation();
});

Answer 1

試試這個小提琴

JS代碼：

    $(function(){
        $('ul#menu li').on('click', function(){
            if($(this).children('.drop').size() > 0) {
                $("ul.drop").slideUp();
                $("ul.drop").find('ul').hide();
            } else {

            }

         $(this).children('ul').delay(20).slideToggle(600);
        });
    });

    $('ul').on('click', function(e){
      e.stopPropagation();
    });