Javascript 下拉菜单切换

Javascript 下拉菜单切换,javascript,jquery,css,wordpress,Javascript,Jquery,Css,Wordpress,我正在制作一个响应性强的网站。当您调用$(“.sub-menu”).slideToggle(“fast”)它适用于所有具有子菜单类的元素。要仅将其应用于当前元素,请在$(this)上调用您的方法: 演示: 您可以使用以下代码,而不是处理单个单击 $(“.menu项”)。单击(函数(){ $(“.sub-menu”,$this.slideToggle(“快速”); }) 忘了包含链接这是有效的,但当点击链接时,它会将我带到关于页面,而不是下拉列表并停留在当前页面上。您有修复方法吗?$(“#菜单-菜

我正在制作一个响应性强的网站。当您调用
$(“.sub-menu”).slideToggle(“fast”)它适用于所有具有
子菜单
类的元素。要仅将其应用于当前元素,请在
$(this)
上调用您的方法:

演示:


您可以使用以下代码,而不是处理单个单击

$(“.menu项”)。单击(函数(){ $(“.sub-menu”,$this.slideToggle(“快速”); })


忘了包含链接这是有效的,但当点击链接时,它会将我带到关于页面,而不是下拉列表并停留在当前页面上。您有修复方法吗?
$(“#菜单-菜单-1 li”)。点击(函数(){$(This).sibbins().find('ul.sub-menu')。slideUp('fast');$(此)。查找('ul子菜单')。slideToggle('fast'));返回false;});
上面的代码正在执行我希望它执行的操作,但链接现在不起作用。我需要“关于”链接切换到“关于”类别的链接。子菜单链接需要链接到帖子。当我删除“返回”时,所有链接都起作用,但我不希望“关于”或“项目”链接在单击时打开新页面。@ijustchill,如果您设置为在你的代码中返回false,页面没有回发。你能解释清楚你想要什么吗?
$(".about").click(function() {
    $(".sub-menu").slideToggle("fast");         
    return false;
}); //.click

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

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