عرض العناصر بالتسلسل مع jQuery

في هذا الفيديو السريع سوف تتعلم اضافه اسلوب خاص علي صفحه الويب الخاصه بك ، من خلال عرض مجموعة من العناصر بالتتابع. في حين أن هناك العديد من الطرق لإنجاز هذه المهمة ، اليوم، سوف نستعرض أسلوب واحد يستخدم recursive functions.

لمشاهده التنفيذ يرجي الضغط هنــــــــــــــــــــا 

// Wrapping, self invoking function prevents globals
(function() {
   // Hide the elements initially
   var lis = $('li').hide();

   // When some anchor tag is clicked. (Being super generic here)
   $('a').click(function() {
      var i = 0;

      // FadeIn each list item over 200 ms, and,
      // when finished, recursively call displayImages.
      // When eq(i) refers to an element that does not exist,
      // jQuery will return an empty object, and not continue
      // to fadeIn.
      (function displayImages() {
         lis.eq(i++).fadeIn(200, displayImages);
      })();
   });
})();