Javascript 向jQuery中的滑块计数器添加slidedown效果

我正在使用Slick.Js在我的页面上显示幻灯片，我有一个幻灯片计数器，下面的代码显示了当前幻灯片编号和幻灯片总数。我正在尝试实现一个功能，当幻灯片更改时，当前幻灯片的编号会向下滑动。下面是显示幻灯片计数器的代码：

var $status = $('.carousel-counter');
var $slickElement = $('.project-carousel');

$slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
    //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
    var i = (currentSlide ? currentSlide : 0) + 1;
    $status.html( '<span class="current_slide">' + i + '</span> / <span class="total_slides"> ' + slick.slideCount + '</span>');

});

var$status=$（'.carousel counter'）；
变量$slickElement=$（'.project carousel'）；
$slickElement.on（'init reInit afterChange'，函数（事件、滑动、当前滑动、下一滑动）{
//currentSlide在init上未定义——在这种情况下将其设置为0（currentSlide基于0）
变量i=（当前幻灯片？当前幻灯片：0）+1；
$status.html（''+i+'/'+slick.slideCount+''）；
});

---

“我正在尝试实现当前幻灯片编号向下滑动的功能”

-在何处/如何向下滑动？你有你想要的例子吗？@user7290573当幻灯片改变时，计数器应该从1变为2变为3，依此类推。当数字1变为2时，计数器中的2应该滑下来代替1that@user7290573像这样的