Jquery - Animer des DIV dynamiquement

Bonjour à tous !

J'ai un nombre de div indéfini. Au survol d'une de ces div j'aimerai animer les autres. J'arrive a mes fins de manière statique :

Code:

---

1 2 3 4 5 6 7 8

$(document).ready(function(){ $('#bloc1').mouseover(function(){ $('#bloc2').animate({opacity:0.5}, 500); $('#bloc3').animate({opacity:0.5}, 500); [...] }); });

---

Ca peut très vite devenir un cauchemar... Quelqu'un pourrait-il m'expliquer comme faire pour réaliser cette petite fonction jquery ?

Thanks !

En passant par des classes ?

Code:

---

1 2 3 4 5

$(document).ready(function(){ $('.bloc').mouseover(function(){ $(this).siblings().animate({opacity:0.5}, 500); }); });

---

ou alors

Code:

---

1 2 3 4 5

$(document).ready(function(){ $('.bloc').mouseover(function(){ $('.bloc').not(this).animate({opacity:0.5}, 500); }); });

---

En plein dans le mille ! Merci à toi. Dans la logique pour le "mouseout" je peux faire comme çà (c'est propre ?) :

Code:

---

1 2 3 4 5 6

$('.bloc').hover(function(){ $('.bloc').not(this).animate({opacity:0.5}, 500); },function(){ $('.bloc').not(this).animate({opacity:1}, 500); });

---

Hum... Oui ça marche mais si je passe directement d'une div à l'autre, ça rejoue l'animation sur toutes les autres div :roll:

Bonsoir

Les méthodes stop() et delay() peuvent aider, voir l'API, exemple : $('.bloc').not(this).stop(true, true).delay(500).animate(...);.

[Totalement HS]

Citation:

---

Animer des DIV dynamiquement

---

:koi: Ca consiste en quoi une animation statique ? :ptdr:
[/Totalement HS]

Citation:

---

Envoyé par Bovino

[Totalement HS]

:koi: Ca consiste en quoi une animation statique ? :ptdr:
[/Totalement HS]

---

Ha ha... Mot à mot c'est étrange ok mais je suis sur que tu as compris ce que je voulais dire...



Merci danielhagnoul je vais regarder de ce côté là.