javascript - 显示 div 片刻，然后在 jquery 中切换到另一个 div

Question

我正在尝试使用 jQuery 1.9.1 制作动画，我想在其中短暂显示一个 div，然后在单击按钮时将其切换为默认 div。到目前为止，我已经尝试使用 show() 和 hide() 方法。但没有任何效果。这是我的代码，

<script>
    $(document).ready(function (){
        $('#btnChange').click(function () {
            $('#red').hide();
            $('#blue').show().delay(1500).hide();
            $('#red').show();
        });
    });
</script>

JSFiddle Demo Here

我如何显示一个 div 片刻，然后在单击按钮时将其切换为默认 div #red？ Neec 这有很大帮助。谢谢!

Answer 1

如果您为 .hide( [duration ] [, complete ] ) 设置持续时间方法，它将被放置在 fx queue 中，因此 delay 会起作用:

You should stop() any previous animation to better handling multiple clicks btw

$(document).ready(function (){
    $('#btnChange').click(function () {
        $('#red').hide();
        $('#blue')/*.stop()*/.show().delay(1500).hide(0);
        $('#red').show();
    });
});

-jsFiddle-

使用.stop():

-jsFiddle-