Javascript / jQuery Функция загрузки удалить / добавить

Question

Я пытаюсь сделать как анимацию с удалением и затем добавлением другого, затем удаления текущего и затем добавлением другого, как al oop. Я могу сделать это с помощью кнопки, но, как я уже сказал, я хочу это как анимация.

$("#div1").remove();

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

$("#div2").remove();

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

et c.

Answer 1

Вы можете использовать функцию обратного вызова. В этом коде он будет скользить вверх через 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>

Answer 2

Вы можете использовать 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>