title: Jquery Slide Show Slide effect from left to right
body: <p>I have tried to make a slider to move left to right in a cycle, only the first div works, it moves out and everything comes to a stops. </p>
  
  <p>you can see the working example <a href="http://jsfiddle.net/chetanmani/0suk5v3t/2/" rel="nofollow">here</a></p>
  
  <pre><code>$(document).ready(function () {
      var delay = 3000,
          fade = 1000;
      var banners = $('.banner');
      var len = banners.length;
      var i = 0;
      setTimeout(cycle, delay);
  
      function cycle() {
          $(banners[i % len]).hide("slide", {
              direction: "left"
          });
          (fade, function () {
              $(banners[++i % len]).show("slide", {
                  direction: "right"
              });
              (fade, function () {
                  setTimeout(cycle, delay);
              });
          });
      }
  });
  </code></pre>
  
  <p>Thank You</p>