javascript - 一次仅打开一个下拉菜单

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) 仅打开单击的下拉项。另外，使用 next(element) 仅使下一个同级(下 zipper 接旁边的下拉内容)可见。

任何帮助将不胜感激。免责声明:抱歉英语蹩脚，这不是我的母语，而且我已经 24 小时没有 sleep 了。

谢谢。

Answer 1

您应该淡出所有元素，然后淡入单击的元素

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