jQuery Cycle2一次滚动多个子div

Question

我将下面的html代码与jquery cycle2插件初始化了。

在这里，在容器div中，我有两个具有类cycle的div，我打算将它们显示为两行，然后将cycle2插件效果同时应用于两个div。

一次仅显示一个div，每个周期一次上课。我需要显示两个或多个子div而不是一个，然后继续循环。有人可以帮我解决这个问题吗？

<div class="container" style="position: relative">
   <div class="cycle-slideshow" data-cycle-fx="scrollVert" hide-non-active="false" data-cycle-speed="200" data-cycle-slides="> div" style="position: relative;">
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c1">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/brian.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c2">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/diana.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c3">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/jane.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c4">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/mark.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>