jquery - 手风琴内的图像滑块

Question

我想将 2 张幻灯片放在手风琴内，或者将 2 张幻灯片放在一页中。我怎样才能做到这一点？

这是我到目前为止所取得的成就。

这是我的代码...

 <div id="accordion">
        <h3>Program</h3>
        <div>
        <div id="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
 </div>
        </div>


       <h3>Reset</h3>
       <div>
       <div id="slides2">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
   <img src="http://placehold.it/940x528">
  </div>
       </div>
       </div>


        <script>
$( "#accordion" ).accordion({ heightStyle: "content" });
</script>
        <script src="js/jquery.slides.min.js"></script>
        <script>
    $(function() {
      $('#slides').slidesjs({
         width: 897,
         height: 750,
         play: {
         active: true,
         auto: true,
         interval: 6000,
         swap: true
        }
      });
    });
  </script>
        <script>
    $(function() {
      $('#slides2').slidesjs({
          width: 897,
          height: 750,
          play: {
          active: true,
           auto: true,
          interval: 6000,
          swap: true
           }
      });
    });
  </script>

与jQuery效果有什么冲突吗？我是 Jquery 的新手，请帮忙。