Jquery - Animer des DIV dynamiquement

[Wakker]

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 !

[Bovino]

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);
    });
});

[Wakker]

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

[danielhagnoul]

Bonsoir

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

[Bovino]

[Totalement HS]

Animer des DIV dynamiquement

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

[Wakker]

Envoyé par Bovino

[Totalement HS]

Ca consiste en quoi une animation statique ?
[/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à.