Javascript 单击导航链接时关闭切换

Javascript 单击导航链接时关闭切换,javascript,jquery,Javascript,Jquery,当前,该切换将正确打开,并在单击时将“打开”css应用于导航。但是,当您单击菜单项时,我无法让脚本删除该类 通常这不会是一个问题,但此菜单用于滚动到一个页面内的锚定标记,因此需要在单击后关闭 以下是我的基本标记: $(document).ready(function(){ $("a.toggle").click(function(){ $("nav > ul").slideToggle(500); $(this).toggleClass("open"

当前,该切换将正确打开,并在单击时将“打开”css应用于导航。但是,当您单击菜单项时,我无法让脚本删除该类

通常这不会是一个问题,但此菜单用于滚动到一个页面内的锚定标记,因此需要在单击后关闭

以下是我的基本标记:

$(document).ready(function(){
    $("a.toggle").click(function(){
        $("nav > ul").slideToggle(500);
        $(this).toggleClass("open");
    });
});
HTML


如果必须查看是否有最新版本的jquery,如果没有使用addclass和remoeclass而不是toggleclass,则必须查看。您可以将click事件附加到菜单项以切换主菜单的显示。希望这就是你要找的

$("#main ul li a").click(function () {
    $("nav > ul").slideToggle(500);
    $("a.toggle").toggleClass("open");
});
$function{ $a.toggle.clickfunction{ $nav>ul.slideToggle500; $this.toggleClassopen; }; $main ul li a.clickfunction{ $nav>ul.slideToggle500; $a.toggle.toggleClassopen; }; };
请在问题编辑器中提供一个可执行代码段Ctrl+M。您可以向我们显示您的html标记吗?
$("#main ul li a").click(function () {
    $("nav > ul").slideToggle(500);
    $("a.toggle").toggleClass("open");
});