Javascript 如何使用JQuery在两个状态之间创建平滑动画？

index.js

left_one.click(function() {
if (oldclasses){
  left_one.switchClass( "a1", "full_screen", 1000);
center_one.switchClass("a2", "effect_left", 2000);
right_one.switchClass("a3", "slide_right", 2000);
oldclasses = !oldclasses
} else {
  left_one.switchClass("full_screen", "a1", 1000);
center_one.switchClass("effect_left", "a2", {easing: "linear"}, 10000);
right_one.switchClass("slide_right", "a3", {easing: "linear"}, 2000 );
oldclasses = !oldclasses
} 

index.html

```div id="1" class="carousel-item active">
      <div class="a1">
        <img src="sliderimages/img1.jpg" />
      </div>
      <div class="a2">
        <img src="sliderimages/img2.jpg" />
      </div>
      <div class="a3">
        <img src="sliderimages/img3.jpg" />
      </div>
    </div>```

``div id=“1”class=“转盘项目活动”>
```

我遇到的问题是，当我第一次切换类时，动画看起来很棒，中间和右边的图片从屏幕右侧的视口中移出

当类切换回原始类时，它根本不提供任何动画。有人能帮我吗。我也愿意用一种完全不同的方法来解决这个问题