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

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

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

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

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

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

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

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

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

Поправил

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

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