Остановка выполнения функции .each()

[TylerDurden]

Существует некоторое меню, при клике на которое вываливается список превью фотографий с задержкой и эффектом .fadeIn() как уже обратили внимание использую jQuery.

При частом переключении по ссылкам меню, список фото с одного раздела наваливается на другой и обратно, по причине того, что цикл ещё выполняет предыдущее действие, а его уже просят делать новое.

У меня вопрос, можно ли как-то осуществить прерывание выполнения цикла при клике по новому разделу, например как .stop() при выполнение анимации.animate() и как это можно реализовать? Перепробовал варианты с методом .stop(), но безуспешно.

Вот моя функция

function showElement(){
	element = showSection.find("ul li");
	element.each(function(e){
		$(this).delay(50 * e).fadeIn(500);
	});
}

Собственно, спасибо за внимание.

[Deff]

function showElement(){
	element = showSection.find("ul li");
	Length = element.length;
  function showEl(i){
            if(i<Length){$(element[i]).fadeIn(500,function (){i++;showEl(i);});
  } showEl(0);
}

[TylerDurden]

Ошибки не вываливает но фото уже не отображаются..
при том, что даже алерт в функции showEl() не отрабатывает.

[danik.js]

each выполняется настолько быстро что вы его не успеете вручную прервать
Тут видимо дело в накоплениии delay()

[Deff]

алерт в функции showEl() не отрабатывает.

Поправил

[TylerDurden]

Спасибо, но отрабатывает ещё хуже чем было)

[Deff]

Спасибо, но отрабатывает ещё хуже чем было)

А если без задержки ? (убрал .delay(50 * e)
Вообще не дело на ощупь подсказывать, минимальный работучий пример нужон