单击显示文本和动画

Question

我想找到，但我找不到确切的指南，所以我来这里是为了得到你们的帮助。

我正在尝试构建动画，并在点击时显示文字。例如，当用户点击按钮时，他将看到一个接一个地出现3个文本，然后页面重定向到另一个页面。现在我的页面正在重定向到我正在使用PHP的新页面。我也想创建动画效果，然后加载页面。

这是我的按钮代码

<button id="btn" name="submit">Button</button>

我希望当用户点击此按钮时，它应显示3 嘿 ..然后消失欢迎使用我们的网站 ..然后消失享受然后加载该页面。

Answer 1

我认为这应该可以帮到你：

$('#clickMe').toggle(
            function(){
                $('#textBox1').show()
                $('#textBox2').show();
                 $('#textBox3').show();
                   });

并将CSS中的过渡设置为0.5s：

transition-delay: all 0.5s