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

Question

我有一个过滤器菜单，它有三个级别的过滤，我想这样设置：

单击级别1>级别2滑出中的选项单击级别2>选项3滑出中的选项

我目前遇到的问题是，一个级别中的所有项目都是onClick event...and的“触发器”。更改级别选项会导致下一个级别菜单滑回到我需要它退出的位置。

点击此处查看：http://jsfiddle.net/RevConcept/JW5Mm/1/

这是我的代码(注意，onClick事件现在只针对触发级别2的级别1设置)……

HTML

<div id="options" class="combo-filters">

                <div class="option-combo location">
                  <ul class="filter option-set group " data-filter-group="location"> 
                    <li class="hidden"><a href="#filter-location-any" data-filter-value="" class="selected">any</a>

                      <li><a href="#filter-location-exterior" data-filter-value=".exterior" class="trigger">exterior</a>

                      <li><a href="#filter-location-interior" data-filter-value=".interior" class="trigger">interior</a>
                  </ul>
                </div>

                <div class="option-combo illumination">
                  <ul class="filter option-set group toggle" data-filter-group="illumination"> 
                    <li class="hidden"><a href="#filter-illumination-any" data-filter-value="" class="selected">any</a>

                      <li><a href="#filter-illumination-illuminated" data-filter-value=".illuminated">illuminated</a>

                      <li><a href="#filter-illumination-non-illuminated" data-filter-value=".non-illuminated">non-illuminated</a>

                  </ul>
                </div>

                <div class="option-combo mount">
                  <ul class="filter option-set group " data-filter-group="mount"> 
                    <li class="hidden"><a href="#filter-mount-any" data-filter-value="" class="selected">any</a>

                      <li><a href="#filter-mount-wall" data-filter-value=".wall">wall</a>

                      <li><a href="#filter-mount-ground" data-filter-value=".ground">ground</a>

                  </ul>
                </div>


            </div><!--end options-->

CSS

header nav ul.toggle {
display:none;

}

JavaScript

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

Answer 1

您需要在回调中使用一个变量来确定它是否被调用，如果它已经被调用过一次，则返回它。