Streaming live at 10am (PST)

Want to use 2 triggers for 1 (connected) slider

Hey guys,

I have a website where I use the tutorial of @samliew ( to connect 2 sliders so they both slide together with one trigger.

Works great! But I want to be able to use 2 triggers to trigger both sliders. Right now I use the arrows from slider 1 to slide through the sliders. But I would like to ALSO use the nav dots from slider 2 to slide through the sliders.

Here a video where you can see the 2 sliders.

(Video link:

Like in the tutorial, I use this code:

// On page ready
var Webflow = Webflow || [];
Webflow.push(function() {

  // Cache references to nav elements
  var sourceNav = $('#sourceNav');
  var targetNav = $('#targetNav');

  // Every 200ms
  setInterval(function() {
    // Find the index of source slideNav button's active class
    var index = sourceNav.children('.w-active').index();

    // Update target slider by triggering a "tap" event on the targetNav corresponding slide button

  }, 200); // End interval

}); // End ready function

Is there a way to do this?

Thank you!

Here is my site Read-Only:

Here the link to the website:
Password: 9ftqUlKq