Javascript jquery我怎样才能让一次点击做不止一件事，比如有一个break函数或者其他什么？

我希望当我在右箭头处单击时，下一个图像会滑过，然后当我再次单击第三个图像时 有人能帮我吗

<div class="slider-container carousel-inner">
    <div class="bg-1">
      <img src="images/bg_1.jpg" class="img-fluid" alt="">
    </div>
    <div class="bg-2">
      <img src="images/bg_2.jpg" class="img-fluid" alt="">
    </div>
    <div class="bg-3">
      <img src="images/bg_3.jpg" class="img-fluid" alt="">
    </div>
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
      <span class="carousel-control-next-icon"></span>
    </a>
</div> 
<!--Css here--!>
<script>
    $(document).ready(function(){
        $(".carousel-arrow-next").click(function()){
          $(".bg-2").addClass("slide");
        })
        $(".carousel-arrow-next").click(function(){
            $(".bg-3").addClass("slide-2");
        })
    })
</script>

您可以计算使用变量单击按钮的次数，然后使用该变量执行所需操作。为什么不使用jQuery库中内置的
hide（）
和
show（）
。你也可以考虑在你的问题中添加HTML和其他相关的类标识符来帮助可能愿意帮助的其他人。这是一个很棒的主意，你能给我提示一下它应该是怎样的吗，请？它是一个旋转木马，所以我需要它到SLIDEOK，我添加了HTML。