toggle - 延迟和动画切换 jquery

Question

我正在尝试玩周围的游戏，但我对 jquery 完全是新手!所以我确实需要一些帮助:)

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').toggle();
        });
    });

我制作了一个灯开关，并尝试通过添加 customOverlay 来打开/关闭灯。

它工作得很好，但没有达到预期。我想将其延迟大约 1000 毫秒，并且我想为其设置动画，因为这样它就可以非常快地打开和关闭可见性。这是否可能是因为我什至无法延迟它，而且我不知道如何设置动画切换。

提前谢谢您!

Answer 1

尝试.fadeToggle() :

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').delay(1000).fadeToggle();
        });
});

或者

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').fadeToggle(1000);
        });
});

仅使用 .delay() 和 .toggle 的其他答案将不起作用，因为 .delay() 仅适用于动画队列和 .toggle() 不会产生动画，而 .fadeToggle() 会产生动画。