Discussion :

[setni]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#"+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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Mais cela ne donne aucun résultat.

Voici les liens Jquery de ma page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[devyan]

Bonjour,

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

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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.

[setni]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

??

Merci d'avance

[setni]

J'ai trouvé,

Voici l'astuce :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Avec jquery.transit.js

Une après midi de recherche