Как синхронизироовать слайдер?

Question

[Bartf]

У меня есть три слайдера

spoiler

<spoiler title=""><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>

и связаны между собой

spoiler

asNavFor: $('.slider, .slider2, .slider3')

И на всех 3 фото одно и тоже показывает. Как сделать что бы на первом показывло 1 слайд на втором 2 а на третьем 3