javascript - 每个切换类之间的 jQuery 延迟

Question

我制作了一个(相当复杂的)解决方案，其中有 4 个菜单项从侧面弹出/弹出，我通过切换类来实现这一点。

$('.menuitem').toggleClass('show');

它工作得很好，但客户现在希望它“滑出”。我想如果我能在每次切换之间创建一个延迟，我就能让他高兴，但我找不到一个好的方法来做到这一点。在实践中，我希望每个菜单项都能切换类，但在下一个切换类之前可能有 250 毫秒的延迟。

已编辑 - 显然延迟功能不适用于切换，只能用于动画。

Answer 1

考虑以下代码:

$('.menuitem').each(function(i) { 
    var elm=$(this);
    setTimeout(function() { 
        elm.toggleClass('show');
    }, i * 250); 
});

See it in action ，在这个demo中我将潜水一一隐藏，延迟为1000毫秒。