Javascript / jQuery onload 函数删除/添加

Question

我正在尝试像动画一样删除一个然后添加另一个然后删除当前一个，然后添加另一个，就像循环一样。我可以用按钮做到这一点，但就像我说的，我希望它像动画一样。

$("#div1").remove();
$("#div2").prepend("Some prepended text.");
$("#div2").remove();
$("#div3").prepend("Some prepended text.");

等。

Answer 1

您可以使用slideDown和slideUp

$("#div1").slideUp("slow");
$("#div1").slideDown("slow");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">Some prepended text</div>

Answer 2

您可以使用回调函数。在此代码中，它将在 2000 秒内向上滑动，之后它将快速向下滑动

$("#div").slideUp(2000 , function(){
//its a callback function
$("#div").slideDown("fast");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div">Some prepended text</div>