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

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

[html] // 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);
})();
});
})();
[/html]