光滑的滑块动画在图层上滑动

Question

我正在使用光滑的滑块， 当点击下一张幻灯片箭头时，我想对我的幻灯片产生一些影响。我想打开我的新幻灯片，如SlideInLeft效果，但我会保持以前的幻灯片位置。那么新的幻灯片将打开以前的幻灯片与z-index或如何做到这一点？

我无法弄清楚。

我想那样的事情;

  $('.hero-text-slider').on('afterChange', function(event, slick, currentSlide){
                    $('.slick-active .slItem').removeClass('hidden');
                    $('.slick-active .slItem').addClass('flink');
                });

                $('.hero-text-slider').on('beforeChange', function(event, slick, currentSlide){
                   $('.slick-active .slItem').removeClass('flink');
                    $('.slick-active .slItem').addClass('hidden');

                });

              });

这是我将addClass（flink）添加到我当前的幻灯片并使用slideInLeft效果将其提供给屏幕，但这次我的上一张幻灯片从屏幕上退出。