Скрытый текст, развернуть медленно
 

Подскажите как подправить код, чтобы скрытый текст разворачивался не мнговенно, а медленно?

<script>
function look(type){
param=document.getElementById(type);
if(param.style.display == "none"){
 param.style.display = "block";
 }
else{
 param.style.display = "none"
  }
}

</script>
 
<span onmouseover="look('div1');" onmouseout="look('div1');">Увидить текст</span>
<ul id="div1" style="display:none;">
<li>Скрытый текст</li>
</ul>