Slick Slider - 有没有办法在滑块处于活动状态时添加和删除类？

如何解决Slick Slider - 有没有办法在滑块处于活动状态时添加和删除类？

我的网站上有一个光滑的滑块，我在同一部分也有一个列表。我需要的是，当第一张幻灯片处于活动状态（可见）时，也激活（添加类）列表的第一项。当第二张幻灯片处于活动状态时，激活列表的第二项，依此类推。

目前，我的代码如下所示：

列表

<ul>
     <li class="vertical1 active">
          <small>Smart Cities</small>
     </li>
     <li class="vertical2">
          <small>Edtech</small>
     </li>
     <li class="vertical3">
          <small>Fintech</small>
     </li>
</ul>

滑块

<div class="slider-section">
    <div class="slick-slide slick-current slick-active">
        <p>text 1</p>
    </div>
    <div class="slick-slide">
        <p>text 2</p>
    </div>
    <div class="slick-slide">
        <p>text 3</p>
    </div>
</div>