滑动两个项目分为两类

Question

是否有可能对于两个类别（如图像中），下一个或预览的两个类别的最新项目？通常，如果有一个类别，我使用了Slick滑块。

我的HTML代码：

<div id="cat1">
  <div class="items></div>
  <div class="items></div>
  <div class="items></div>
  <div class="items></div>
</div>
<div id="cat2">
  <div class="items></div>
  <div class="items></div>
  <div class="items></div>
  <div class="items></div>
</div>

jQuery代码：

$('.cat1').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});

问题是在这种情况下，只显示第一类的项目。