Javascript 强制两个Onclick触发器只触发一次事件

Javascript 强制两个Onclick触发器只触发一次事件,javascript,function,events,onclick,toggle,Javascript,Function,Events,Onclick,Toggle,我有一个过滤器菜单,其中包含三个级别的过滤,我希望如下设置: 单击“第一级>第二级”幻灯片中的选项 单击第二级>选项三幻灯片中的选项 我现在遇到的问题是,一个级别中的所有项目都是onClick事件的“触发器”…更改一个级别选项会导致下一个级别菜单滑回我需要的位置,一旦它滑出,它就会退出 请在此处查看: 这是我的代码(注意,onClick事件现在只是为一级触发二级设置的) HTML } JavaScript $(".trigger").one('click', function(){ $(

我有一个过滤器菜单,其中包含三个级别的过滤,我希望如下设置:

单击“第一级>第二级”幻灯片中的选项 单击第二级>选项三幻灯片中的选项

我现在遇到的问题是,一个级别中的所有项目都是onClick事件的“触发器”…更改一个级别选项会导致下一个级别菜单滑回我需要的位置,一旦它滑出,它就会退出

请在此处查看:

这是我的代码(注意,onClick事件现在只是为一级触发二级设置的)

HTML

}

JavaScript

$(".trigger").one('click', function(){
    $(".toggle").slideToggle('fast'); 
});

回调中需要一个变量来确定是否调用它,如果已经调用过一次,则返回该变量。

先学习Javascript,然后:)
header nav ul.toggle {
display:none;
$(".trigger").one('click', function(){
    $(".toggle").slideToggle('fast'); 
});