如何使用animate.css动画平滑地交换两个元素(弹出旧元素，跳入新元素)

// 获取旧元素和新元素的DOM对象
var oldElement = document.querySelector('.old-element');
var newElement = document.querySelector('.new-element');

// 添加动画效果的CSS类名
oldElement.classList.add('animate__animated', 'animate__fadeOut');
newElement.classList.add('animate__animated', 'animate__fadeIn');

// 监听动画结束事件
oldElement.addEventListener('animationend', function() {
  // 移除旧元素和新元素的动画类名
  oldElement.classList.remove('animate__animated', 'animate__fadeOut');
  newElement.classList.remove('animate__animated', 'animate__fadeIn');

  // 隐藏旧元素
  oldElement.style.display = 'none';

  // 显示新元素
  newElement.style.display = 'block';
});