Syncing more than one slider with asNavFor for multiple sliders on the same page with each function

short description of the bug / issue, provide more detail below. I'm trying to sync multiple sliders with asNavFor to multiple sliders on the same page, therefore i run an each function that sets the same settings for every slider. The issue is that I can not specify the navigation sliders using variables. ====================================================================

https://codepen.io/n-bagge/pen/Exebyaw

Test commented asNavFor settings in the codepen.

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

1. asNavFor does not accept the format asNavFor: variable_1, variable_2
2. asNavFor does not accept the format asNavFor: [variable_1, variable_2]
3. asNavFor does accept the format asNavFor: '#navigation_1, #navigation_2' but it is not scalable unless every slider is specified as a separate slick function, far from ideal.

====================================================================

What is the expected behaviour?

I need to specify the location of the navigation sliders in the each function for it to scale with multiple sliders on the same page.

====================================================================

What is observed behaviour?

No option to specify multiple navigation sliders using variables.

====================================================================

More Details

• Which browsers/versions does it happen on? Firefox 110.0.1
• Which jQuery/Slick version are you using? Jquery 3.6.0 / Slick 1.8.1
• Did this work before? No