Discussion :

[fitiwizz]

Bonjour,

J'ai fait une fonction qui me permet avec jquery d'agrandir un DIV en modifiant sa propriété CSS "height".
Cela dit, j'aimerais que cet agrandissement se fasse avec le même effet d'animation que les effets "slideUp" & "slideDown" par exemple, qui eux cachent ou montrent complètement les objets.

Comment pourrais-je faire ceci ?

Merci

[SleTT]

Tu peux utiliser la fonctionnalité animate de jquery

Des explications et un code d'exemple sur cette page t'aideront : http://docs.jquery.com/Effects/animate

ps : en paramètre, la vitesse de l'animation

[fitiwizz]

Parfait, c'est exactement ce que je voulais faire ^^
merci.

Par contre, j'applique aussi cette animation a un div qui a une background-image répétée verticalement et lors de l'animation, le div devient transparent.
Comment puis-je régler ce problème ? Une astuce ?

Merci

[SleTT]

Si tu as recopié précisément l'exemple, effectivement tu peux avoir ce soucis puisque l'auteur à rajouter un

Code :

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

opacity: 0.4,

ce qui change la transparence...

Regarde du coté des css que tu appliques sur la fonction animate, ton problème doit venir de là.

[fitiwizz]

Non ca ne vient pas de l'opacité

[fitiwizz]

En fait voila a peu près comment ça se présente :

<div id="total">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
</div>

En gros c'est quand je clique sur le div n°4 que j'active l'animation sur total, 1 & 2. Et c'est 1 & 2 qui disparaissent pendant l'animation.
Mais je viens de voir que si je sors 1 & 2 de "total" le problème ne se pose plus. Cela-dit je vais avoir des soucis d'intégration :s.

[fitiwizz]

Bon c'est bon je me suis arrangé au niveau de l'intégration. Plus de problèmes. Je transforme en résolu