mouseenter/mouseleave & sélecteur
Salut à tous,
J'ai une section avec plusieurs div et au survol de la souris d'une de ces div celle-ci se déplace vers le haut pendant que les autres deviennent transparentes. Chaque élément revient à son état initial lorsque le pointeur de la souris quitte la section.
Mais mon problème est que si le pointeur passe d'une div à une autre mes éléments ne se réinitialise pas.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| $mesDiv = $('#section3 div');
$mesDiv.mouseenter(function () {
$(this).stop(true).animate({
marginTop: '-50px',
})
$mesDiv.not(this).stop(true).css({
opacity: '0.5',
})
});
$mesDiv.mouseleave(function () {
$mesDiv.animate({
marginTop: '',
opacity: '1'
})
}) |
Quelqu'un aurait une idée ?
Merci.