Только одно раскрывающееся меню открыто одновременно

Question

Я ноб, но я пытаюсь изучить js. Мы обсуждали это меню, но у меня были проблемы с проблемой: используя мой код, как мне реализовать поведение только при открытии одного раскрывающегося меню на мобильном устройстве?

$(".menu > ul > li").click(function() { 
    if ($(window).width() <= 943) { 
     $(this).children("ul").fadeToggle(150); 
    } 
}); 

Это демо мой код: http://jsbin.com/sesuda/edit?html,output

Путь этот шаблон работает, он держит все выпадающие открытым.

То, что я пробовал: используя not (this), чтобы открыть только раскрывающийся элемент с щелчком. Также, используя следующий (элемент), можно сделать только один следующий брат (выпадающий контент рядом с выпадающим списком).

Любая помощь была бы принята с благодарностью. Отказ от ответственности: извините за сломленный английский, это не мой родной язык, и я не спал в течение 24 часов.

спасибо.

Answer 1

Вы должны исчезнуть все элементы, а затем исчезают в щелкнул один

$(".menu > ul > li").click(function() { 
    if ($(window).width() <= 943) { 
     $(".menu > ul > li > ul").fadeOut(150); 
     $(this).children("ul").fadeToggle(150); 
    } 
}); 

Answer 2

Он работает правильно для меня (Firefox 47). Но я заметил, что у вас есть слушатель .click, а также слушатель .hover. Они могут мешать друг другу.