Question

我正在建立一个响应迅速的网站。当页面为＆lt; = 830px时，页面外观会发生变化。

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

我使用此代码来切换菜单，但它们都是同时进行的。您将需要使浏览器低于830px才能看到我正在谈论的内容。

$(".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/

Answer 2

当您致电$(".sub-menu").slideToggle("fast");时，它适用于具有sub-menu类的所有元素。要仅将其应用于当前元素，请在$(this)上调用您的方法：

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

    $(".projects").click(function() {
        $(this).slideToggle("fast");         
        return false;
    });

Answer 3

您可以使用以下代码

，而不是处理单个点击

$（＆＃34;。菜单项＆＃34）。单击（函数（）{ $（＆＃34; .sub-menu＆＃34;，$ this）.slideToggle（＆＃34; fast＆＃34;）; };

下拉菜单切换

3 个答案: