Bonsoir,
J'ai un problème avec .hover() de jquery.
Je suis en train de réaliser un menu où chaque image dévoile sa partie cachée par le survol de la souris. J'ai également déclanché avec le survol l'apparition .show() du contenu. On peut donc lire les 3 différents contenus par survol...Le problème c'est que le script "plante" quand on sort de la zone active pour survoler de nouveau les images : le contenu refuse de s'ouvrir. Ca ne marche pas à tous les coups...

Vous pouvez trouver le projet en ligne sur : http://artix.co/CV/stick.php

Etant novice en JavaScript, j'espèrerais avoir quelques informations sur ce bug et savoir également comment optimiser le code.
Merci d'avence.

Voici le code JS :

$(document).ready(function(){
    	
    	/*image qui s'agrandie*/
    	
    	$("ul").hover(function(){
    		$("li", this).stop().animate({
    			width: "500px",
    		}, 200);
    		
    		$(".contenu",this).show(80);
    		
    		/*Texte qui monte*/
    		
    		$(".text", this).css("color","#b4e5ff");
    		$(".text", this).css("opacity","1");
    		$(".text", this).stop().animate({
    		bottom:"-10px",
    		left:"5px",
    		}, 500);
    	},
    		
    		/*image qui reprend sa position initiale*/
    		
    		function(){
    			$("li", this).stop().animate({
    			width: "50px",
    		}, 200);
    		
    		/*texte qui reprend sa position initiale*/
    		
    		$(".text", this).css("color","black");
    		$(".text", this).css("opacity","0");
    		$(".text", this).stop().animate({
    		bottom:"-55px",
    		left:"-50px",
    		}, 500);
    		
    		$(".contenu",this).hide(80);

    		
     });
     
     
    });

Vous pouvez trouver le projet en ligne sur : http://artix.co/CV/stick.php

Merci.