Fenjmen51,
У Вас же есть проверка - объединяйте в одну функцию
<!DOCTYPE HTML>
<div id="height" onMouseOver='Toggle("height", 400,true)' onMouseOut='Toggle("height", 50,false)'>
Очень качественное развёртывание блока, плавное!
</div>
<STYLE>
BODY, HTML{margin:0;padding:0}
#height{margin:25px 0 0 5em;padding:10px;background:#55f;width:400px;color:white;border-radius:15px;cursor:pointer;border:3px solid #eee;}
</STYLE>
<SCRIPT>
function Toggle(Id, h, S)
{
var obj = document.getElementById(Id);
if (obj.offsetHeight < h&&S)
{
obj.style.height = (obj.offsetHeight + 10) + "px";
setTimeout (function(){Toggle(Id, h,true)}, 8);
}
if (obj.offsetHeight > h&&!S)
{
obj.style.height = (obj.offsetHeight - 50) + "px";
setTimeout (function(){Toggle(Id, h,false)}, 8);
}
}
</SCRIPT>