title: Display elements one after another
body: <p>I am trying to display elements one after another... For example if there are 10 elements in a div, I want to display one after one. But only one Item at a time. I have written the below code but it is not working as expected..  </p>
  
  <pre><code> function fades(c) {
              var x = c;
              c.fadeIn(3000, function () {
                  if (c.is('last-child')) {
                      c.fadeOut(3000);
                      fades(c);
                  }
                  else {
                      c.fadeOut(3000);
                      fades(c.next());
                  }
              });
    }
  </code></pre>
  
  <p>Thanks</p>