Fonction animate() inopérante

Bonjour,

Pour mon site, j'utilise ce petit code Jquery (qui fonctionne très bien):

Code:

---

$("#"+id).css({"height":"inherit", "visibility" : "visible"});

---

ceci sur une div qui est height 0px et visibilyty hidden.

Trouvant les animations sympas, j'ai transformé ce code en :

Code:

---

$("#"+id).animate({height:"inherit", visibility : "visible"}, "slow");

---

Mais cela ne donne aucun résultat.

Voici les liens Jquery de ma page :

Code:

---

1 2	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="dojo.xd.js" type="text/javascript"></script>

---

Une idée?

Merci d'avance

Bonjour,

As-tu essayé de décomposer le dimensionnement et la visibilité ?

Code:

---

$("#"+id).show({visibility : "visible"}).animate({height:"inherit"}, "slow");

---

Citation:

---

Envoyé par Doc jQuery

The .animate() method allows us to create animation effects on any numeric CSS property.

---

La valeur inherit n'étant pas exactement numérique, tu ne peux pas l'utiliser.

Merci,

Comment procéder alors?

Edit : La taille de la div qui s'affiche au clique est fonction du contenu à l’intérieur, ici une liste éditée par une boucle PHP.
Peut on utilisé qqch du genre

Code:

---

$("#"+id).css({"height":"inherit", "visibility" : "visible"}).slideDown("slow");

---

??

Merci d'avance

J'ai trouvé,

Voici l'astuce :

Code:

---

1 2	$("#"+id).transition({height: "30%", "visibility" : "visible" }); $("#"+id).transition({height: "inherit"});

---

Avec jquery.transit.js

Une après midi de recherche