title: jquery anything slider, multiple instance....problem
body: <p>I am trying to use the anything slider from: <a href="http://theodin.co.uk/blog/development/advanced-jquery-slider.html" rel="nofollow">http://theodin.co.uk/blog/development/advanced-jquery-slider.html</a></p>
  
  <p>Now I need to create multiple sliders in my page, so I rewrote the html like:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Slider&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/page.css" type="text/css" media="screen" /&gt;
      &lt;link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" /&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.easing.1.2.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
          function formatText(index, panel) {
            return index + "";
          }
  
          $(function () {
  
              $('.anythingSlider').anythingSlider({
                  easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
                  autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
                  delay: 5000,                    // How long between slide transitions in AutoPlay mode
                  startStopped: false,            // If autoPlay is on, this can force it to start stopped
                  animationTime: 600,             // How long the slide transition takes
                  hashTags: false,                 // Should links change the hashtag in the URL?
                  buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
                  pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
                  startText: "",             // Start text
                  stopText: "",               // Stop text
                  navigationFormatter: formatText,       // Details at the top of the file on this use (advanced use)
                  defaultThumb: 'images/kitchens/9.jpg'    //set the default thumbnail if no other are found
              });
  
  
              $('#anythingSlider2').anythingSlider({
                  easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
                  autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
                  delay: 5000,                    // How long between slide transitions in AutoPlay mode
                  startStopped: false,            // If autoPlay is on, this can force it to start stopped
                  animationTime: 600,             // How long the slide transition takes
                  hashTags: false,                 // Should links change the hashtag in the URL?
                  buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
                  pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
                  startText: "",             // Start text
                  stopText: "",               // Stop text
                  navigationFormatter: formatText,       // Details at the top of the file on this use (advanced use)
                  defaultThumb: 'images/kitchens/9.jpg'    //set the default thumbnail if no other are found
              });
  
              $("#slide-jump").click(function(){
                  $('.anythingSlider').anythingSlider(6);
              });
  
          });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="page-wrap"&gt;
          &lt;div class="anythingSlider"&gt;
            &lt;div class="wrapper"&gt;
              &lt;ul&gt;
                &lt;li&gt;&lt;!--slide 1--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/1.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 1&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 2--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img  class="photo" src="images/kitchens/2.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 2&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 3--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img  class="photo" src="images/kitchens/3.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 3&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 4--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/4.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 4&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 5--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/5.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 5&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 6--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/6.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 6&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 7--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/7.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 7&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 8--&gt;
                   &lt;div id="textSlide"&gt; 
                      &lt;h1&gt;Kitchen Number 8&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
              &lt;/ul&gt;       
            &lt;/div&gt;
          &lt;/div&gt; &lt;!-- END AnythingSlider --&gt;  
  
  
          &lt;div id="anythingSlider2"&gt;
            &lt;div class="wrapper"&gt;
              &lt;ul&gt;
                &lt;li&gt;&lt;!--slide 1--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/1.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 1&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 2--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img  class="photo" src="images/kitchens/2.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 2&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 3--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img  class="photo" src="images/kitchens/3.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 3&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 4--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/4.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 4&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 5--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/5.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 5&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 6--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/6.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 6&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 7--&gt;
                   &lt;div id="textSlide"&gt;
                      &lt;img class="photo" src="images/kitchens/7.jpg" alt="kitchen" width='300px' height="200px" /&gt;
                      &lt;h1&gt;Kitchen Number 7&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
                &lt;li&gt;&lt;!--slide 8--&gt;
                   &lt;div id="textSlide"&gt; 
                      &lt;h1&gt;Kitchen Number 8&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis, nisi et consectetur hendrerit, dolor justo condimentum leo, vel vestibulum ligula enim non turpis.&lt;/p&gt;
                      &lt;p&gt; Vivamus tempor dapibus lectus sit amet accumsan. Morbi eu enim diam. Cras id ornare enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc metus nisl.&lt;/p&gt; 
                      &lt;p&gt; rutrum at posuere ultricies, faucibus at massa. Etiam venenatis pretium varius. Nunc quam ipsum, porttitor gravida facilisis vitae, venenatis nec est. Integer in nibh a lorem varius viverra. Vestibulum nec lacus ac tellus fringilla ultricies ac ac nibh.&lt;/p&gt;
                   &lt;/div&gt;
                &lt;/li&gt;
              &lt;/ul&gt;       
            &lt;/div&gt;
          &lt;/div&gt; &lt;!-- END AnythingSlider --&gt;  
  
  
  
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>But now, the second slider that is supposed to appear, shows up as a standard ul/li list. Any ideas?</p>
  
  <p>On another note, is it possible to reset or remove an instance of anythingslider? basically, I want the div to go back to it's state as was before adding the slider function call to it....</p>