title: Create an autoscroll slider
body: <p>I've found <a href="http://jc-designs.net/blog/2011/07/how-to-build-a-horizontal-jquery-accordion/" rel="nofollow">this accordion slider</a> which fits my needs, <a href="http://www.jc-designs.net/demo/accordion.html" rel="nofollow">see demo</a>, but it doesn't start sliding automatically. </p>
  
  <pre><code>$(document).ready(function(){
  
    activePanel = $("#accordion div.panel:first");
    $(activePanel).addClass('active');
  
    $("#accordion").delegate('.panel', 'click', function(e){
      if( ! $(this).is('.active') ){
          $(activePanel).animate({width: "44px"}, 300);
          $(this).animate({width: "848px"}, 300);
          $('#accordion .panel').removeClass('active');
          $(this).addClass('active');
          activePanel = this;
      };
    });
  });
  </code></pre>
  
  <p>and here's all the code on jsfiddle if it helps (although even after changing the widths it's not displaying right): <a href="http://jsfiddle.net/wamcbrf3/" rel="nofollow">http://jsfiddle.net/wamcbrf3/</a></p>
  
  <p>I've tried adding this which hasn't helped: </p>
  
  <pre><code>autoPlay: {
     enabled: true,
     delay: 1500
  }
  </code></pre>
  
  <p>I'm a jquery newbie so any pointers would be much appreciated, thanks</p>