Bonjour
Je travaille actuellement sur un projet où j'utilise jQuery pour animer un bloc de texte au passage de la souris. L'écouteur d'événements se trouve sur le div contenant (comme le montre le code ci-dessous) et fonctionne très bien jusqu'à ce que la souris se trouve sur le titre ( .views-field-title ) qui se trouve absolument au-dessus de la division contenante. L'animation commence à sauter, comme si elle recommençait à zéro ? Qu'est-ce que je fais de mal ?
$('#interior_design .views-row').mouseover(function(){
$('.views-field-title', this).stop(true, true).animate(
{ height: '+=10px' },
{ duration: 'fast'});
});
$('#interior_design .views-row').mouseout(function(){
$('.views-field-title', this).stop(true, true).animate(
{ height: '-=10px' },
{ duration: 'fast'});
});
Lien vers le serveur de développement : http://viva.bangtest.co.uk/interior-design
Remarque : ce site est encore en cours de développement et le jQuery ne se trouve actuellement que sur la page ci-dessus.
Je suis ouvert à toutes les suggestions.