Hi Mike- thanks for your response. I have not actually managed to get it working, as the “fix” on that test page is something of a hack, and doesn’t perform consistently. If you click around in the timeline, using the next/previous buttons then click on the “Jump to 2020” button at top, it will sometimes go to the wrong position or not move the timeline at all (the click function driving the behavior is in this file: http://prj.nickpish.com/exp/wp-content/themes/enfold-child/js/tools.js?ver=1.0.0 . It seems the go2 function is somewhat broken, and can’t properly track the index numbers of the slides. I’m contemplating disabling the default Avia slider function altogether and manually attaching to Slick slider instead; unless of course there’s a possibility of having that function fixed to allow navigating to a specific slide index? Slick has a “slickGoTo” method that does exactly what I’d like- see here for example: https://codepen.io/vilcu/pen/ZQwdGQ

I’ve set up a demo page here- http://prj.nickpish.com/exp/timeline/ – and I’m trying to get the “Jump to 2020” button to allow navigating to that specific slide in the timeline, i.e. index number 4 (assuming the first slide is 0). I’ve enqueued a tools.js file that contains the click function below, and I can’t seem to engage the go2 method to navigate to the slide- any help here is most appreciated!

// tools.js
jQuery(document).ready(function($) {
if ($.AviaSlider) {
// get timeline object
var timeline = $(‘.avia-timeline-container’).avia_sc_timeline();
console.log(timeline)

var btn = $(‘.btn-jump a’);

// go to slide index on click
btn.on(‘click’, function(e) {
e.preventDefault();
console.log(‘clicked!’);
$(‘.avia-timeline-container’).avia_sc_timeline(‘go2’, 4);
// $(‘.avia-timeline-container’).avia_sc_timeline.go2(4);
// timeline.go2(4);
// $(‘.avia-timeline-container’).avia_sc_timeline(‘go2’, 04);
// $(‘.avia-timeline-container’).avia_sc_timeline(‘next’);
// $(‘.avia-timeline-container’).avia_sc_timeline.next();
});
}
});

I just did some digging in the theme source, and I’m seeing two JS files that drive the timeline slider: timeline.js and slideshow.js. Within slideshow.js I see a go2 method, that appears to accept an index (corresponding to slide number?) that would allow jumping to a specific slide in a horizontal timeline, but I can’t get it working; here is what I have tried so far, within a click function:

$('.avia-timeline-container').avia_sc_timeline('go2', 7)
(nothing happens)

$('.avia-timeline-container').avia_sc_timeline.go2(7)
(go2 is not a function)

Any ideas here? Thanks.