javascript - 下拉菜单切换

Question

我正在制作一个响应式网站。当页面 <=830px 时，页面的外观会发生变化。

我需要帮助找出一种一次切换一个子菜单的方法。 Wordpress 为每个子菜单生成相同的 .sub-menu 类名。

我正在使用这段代码来切换菜单，但它们同时出现。您需要将浏览器设置为小于 830 像素才能看到我在说什么。

$(".about").click(function() {
    $(".sub-menu").slideToggle("fast");         
    return false;
}); //.click

$(".projects").click(function() {
    $(".sub-menu").slideToggle("fast");         
    return false;
}); //.click

感谢您的帮助。

http://www.mackeyshotrods.com/store/?page_id=2

Answer 1

$(document).ready(function () {
    $("#na ul li").click(function () {
         $(this).siblings().find('ul').slideUp(400);
            $(this).find('ul').slideToggle('fast');         
    });
});

演示:

http://jsfiddle.net/7P3Df/1/