Замыкания и drop-down меню
 

сначала был так:

function dropDown(){
	menuBody.style.display="block";
	menuState=true;
	var i;

	for(i in menuItems){
		setTimeout(function(){itemDropDown(menuItems[i]);},menuDelay*i);

		//i++;
	}
	//setTimeout(function(){menuBody.style.display="block";},menuDelay*i);
}

работало криво

потом стало так:

function dropDown(){
	menuBody.style.display="block";
	menuState=true;
	var i;
function addItemDropDown(i){setTimeout(function(){itemDropDown(menuItems[i]);},menuDelay*i);}

	for(i in menuItems){
		addItemDropDown(i);
		//i++;
	}
	setTimeout(function(){menuBody.style.display="block";},menuDelay*i);
}

и это таже работает криво!!!
в чём подвох?

Сделай все нужные переменные глобальными. Ф-ция в setTImeout/setInterval вызывается в контексте window.

как поправить
с возвращаемой функцией результат такой-же

Там всё написано.

с возвращаемой функцией результат такой-же

Значит плохо прочитали. Тоже могу повторить