window.onload=function()

{

var lis=document.getElementsByTagName("li");

for(var i=0;i<lis.length;i++)

{

lis[i].onmouseover=function()

{

var u=this.getElementsByTagName("ul")[0];

if(u!=undefined)

{

add(u.id);

u.style.display="block";

}

}

lis[i].onmouseout=function()

{

var u=this.getElementsByTagName("ul")[0];

if(u!=undefined)

{

sub(u.id);

}

}

}

function add(id)

{

var adda=document.getElementById(id);

var h=adda.offsetHeight;

h+=1;

if(h<300)

{

adda.style.height=h+"px";

setTimeout("add(id)",10);

}

else

{

return;

}

}

function sub(id)

{

setTimeout();

}

}