複数のスリックスライダーを一緒に同期

Question

私はスリックスライダーを使っているので、3つのスライダーを同期させたいと思っています。

https://jsfiddle.net/rk0tuoy7/1/

HTML：：

<section class="slider"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

<section class="slider2"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

<section class="slider3"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

JS：

$(".slider").slick({}); 
$(".slider2").slick({ asNavFor: '.slider' }); 
$(".slider3").slick({ asNavFor: '.slider2' }); 

私は、スライダ2と同期するようにスライダー1を得ることができます

私はここに私の問題のJSfiddleを持っています私はスライダー2をスライダー3と同期させることができますが、3つすべてを得ることができませんエーテル。これを働かせる方法はありますか？

おかげ

Answer 1

どのようにこのようなものについて：

https://jsfiddle.net/rk0tuoy7/2/

HTML：

<section class="slider slider1"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

<section class="slider slider2"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

<section class="slider slider3"> 
    <div>slide1</div> 
    <div>slide2</div> 
    <div>slide3</div> 
    <div>slide4</div> 
    <div>slide5</div> 
    <div>slide6</div> 
</section> 

JS：

$(".slider").slick({ asNavFor: '.slider' }); 

今すぐすべてスライダには汎用のsliderクラスと、他のときに別のものを実行する必要がある場合は番号スライダクラスがあります。