:visible 在做动画时总是返回 true答案

【问题标题】：:visible always returns true when doing animate:visible 在做动画时总是返回 true
【发布时间】：2011-04-21 17:58:26
【问题描述】：

我有 4 个菜单下拉列表，我绑定了一个单击，该单击调用了一个切换列表项的函数。

如果我点击所有 4 个菜单，所有 4 个列表项都将切换显示。但是，我想这样做，以便当我单击项目本身时，当前显示的菜单的其余部分应该切换和隐藏。

这是我如何进行检查，但它似乎不起作用。

javascript：

test.$sections //$('#nav').find('>li') 
    .find('ul')
    .filter(':visible')
        .parent()
    .each(test.toggleItemNav);

'toggleItemNav' : function() {
var $li = $(this);
$li.find('ul')
.stop(true, true
.animate({ opacity: 'toggle', height: 'toggle' },{duration: 800, specialEasing: { opacity:'easeOutExpo', height: 'easeOutExpo' }});

html

<ul id="nav">
    <li class="11">11
        <ul>
                <li><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
        </ul>
    </li>
     <li class="22">22
        <ul>
                <li><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
        </ul>
    </li> .... and so  on

【问题讨论】：

我没听懂。点击触发菜单显示？
点击时我有 4 个菜单，它会显示项目列表。我的问题是，当我单击 4 个菜单时，将显示 4 个列表。但是当我单击 4 个列表显示的项目上的任何一个时，我想关闭所有 4 个列表。

标签： javascript jquery toggle jquery-animate hidden

【解决方案1】：

您可以在制作动画时在对象上设置一个属性并将其过滤掉：

test.$sections.find('ul:visible:not([animating="true"])');
...

var $ul = $li.find('ul');
$ul.attr('animating', 'true');
...
$ul.animate(/* your params */, function () { $ul.attr('animating', 'false'); });

【讨论】：