Slidejs: comment contrôler deux diapositives avec le même bouton précédent précédent?

Comment contrôler deux diapositives avec le même bouton précédent, le prochain? Lorsque je clique sur le bouton précédent / suivant, je souhaite que les deux diapositives se déplacent. Comment réaliser cette fonctionnalité?

JS Bin: http://jsbin.com/osogig/1/edit

$(function() { $("#slides, #slides1").slides({ generatePagination : false, height : 50 }); }); <div id="slides"> <div class="slides_container"> <div>sample text 1</div> <div>sample text 2</div> <div>sample text 3</div> <div>sample text 4</div> </div> <a href="#" class="next"> Next </a> &nbsp; &nbsp; &nbsp; <a href="#" class="prev"> Prev </a> </div> <div id="slides1"> <div class="slides_container"> <div> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> </div> <div> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> </div> <div> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> </div> <div> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> Lorem ipsum dolor sit amet <br /> </div> </div> </div> 

Ajoutez ceci à # diapositives1:

 <a href="#" class="next"> Next </a><a href="#" class="prev"> Prev </a> 

Ajoutez ceci à votre CSS:

 #slides1 .next, #slides1 .prev { display: none; } 

Ajoutez ceci à votre JS:

 $('#slides .next').click(function() { $('#slides1 .next').click(); }); $('#slides .prev').click(function() { $('#slides1 .prev').click(); }); 

http://jsfiddle.net/samliew/4JjMC/