"dérouler" un div

bonjour a tous, j'aimerais faire une balise div qui apparait progressivement en cliquant sur un bouton.

l'état actuel de mes recherches donne ça : site(partie 1 et 2 pour tester)

j'ai testé différentes maniére sans succès, voici le code actuel :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function afficheId(baliseId) { var i; if (document.getElementById && document.getElementById(baliseId) != null) { document.getElementById(baliseId).style.visibility='visible'; document.getElementById(baliseId).style.display='block'; for(i=1;i<=500;i++) { setTimeout("fonction(" + i + "," + baliseId + ");", 500); //pour tenter de simuler un delai } } }   function fonction(i,baliseId) { document.getElementById(baliseId).style.height=i+'px'; }

---

une idée pour régler le problème ou une meilleur façon pour procéder, s'il vous plait ? :)

j'ai déja donné un code pour faire cela ...
une recherche s'impose

en effet, j'ai trouvé ça :

librairy bytefx -->
http://www.devpro.it/bytefx/

http://javatwist.imingo.net/deroule.htm

Citation:

---

Envoyé par javatwister

http://javatwist.imingo.net/deroule.htm

---

hehe il se trouve qu'a la base je voulais juste faire un fadeout mais ça me paraissait plus compliqué, bytefx le gère aussi donc plus de div qui se déroule maintenant :p