Выпадающий текст - Вопросы по CSS

Привет всем, подскажите как сделать плавный выпадающий текст, я разместил на сайте код :

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

<div>
<a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">Ссылка 1</a>
<div id="div1">
Много много много текста 1
</div>
</div>

Но как сделать чтобы текст выпадал плавно ?

Я там ни чего не пойму, есть еще что нибуть только на русском