Tengo un control deslizante, me gustaría que mi función me devuelva el mismo control deslizante e índice de navegación al hacer clic. Actualmente devuelve el índice del control deslizante y la navegación muestra 0 todo el tiempo. Estaría agradecido por cualquier ayuda.

 var slider = $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: true, fade: true,**strong text** appendArrows: $('.arrow-container'), prevArrow: '.prev-arrow', nextArrow: '.next-arrow', }); var navigation = $('.slider-nav').slick({ slidesToShow: 10, slidesToScroll: 10, infinite: true, asNavFor: '.slider-for', dots: false, centerMode: false, focusOnSelect: true, arrows: false, }); $(".slick-arrow").click(function(){ var currentSlider = slider.slick('slickCurrentSlide'); console.log (currentSlider) $(".slider-nav").slick("slickNext"); var currentNavigation = navigation.slick('slickCurrentSlide'); console.log (currentNavigation) })