все, заработало. засунул вторую функцию полностью в первую:
function changeHeight(){
i=0;
document.getElementById('Keys1').style.display="block";
ddd=setInterval(function (){i=i+1;document.getElementById('Keys1').style.height = i;if (i >= 155) {clearInterval(ddd);};}, 400);
}
и апгрейд:
<a href="javascript: changeHeight('Keys1',156)">Составить заказ</a>
<div id="keys1">...</div>
#keys1{
width: 150px;
height: 0px;
overflow: hidden;
background-color: rgba(255, 255, 255, 0);
}
function changeHeight(divID, normalHeight){
alert(normalHeight);
myDiv = document.getElementById(divID);
size=normalHeight+'px';
if(myDiv.style.height==''){myDiv.style.height = '0px';};
if(myDiv.style.height=='0px'){i=0; ddd = setInterval(function (){myDiv.style.height = ++i; if (i >= normalHeight) {clearInterval(ddd);};}, 0);}
else if(myDiv.style.height==size){{i=normalHeight; ddd = setInterval(function (){myDiv.style.height = --i; if (i <= 0) {clearInterval(ddd);};}, 0);};};
}