Анимация для спойлера
 

Доброго времени суток!

Есть такой код:

<script type="text/javascript">

	function otkr(){
		var text = document.getElementById('text');
		if(text.style.display == 'none')
		{
			text.style.display = 'block';
		}
		else
		{
			text.style.display = 'none';
		}
	}
	
	
</script>

Как к нему добавить анимацию, т.е. плавное открытие и т.п.?

show(), hide()
но это в jquery....