Afficher / cacher un div au survol d'une image

WRInaute occasionnel
Bonjour à tous,

J'ai trouvé sur internet un petit bout de code bien utile pour afficher / cacher des divs au survol d'une image.
(http://forum.alsacreations.com/topic-5-41262-1-RESOLU-JQuery-et-affich ... image.html)

Voici mon code final :

Code:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
$(function() {
	$('.bulle-infos').hide();
	$('.img').hover(

function () {
	$(this).next().fadeIn();
	}, 
function () {
	$(this).next().fadeOut();
	});

});
    </SCRIPT>

    	<div class="img">
            <img src="image.jpg" />
        </div>
    
    	<div class="bulle-infos">test</div>


Seulement voila, comment faire pour que lorsque je survole le div bulle-infos, celui-ci reste ouvert?
Pour le moment si je quitte l'image, le div se referme.
J'aimerai qu'il reste afficher si je survole le div bulle-infos. (par contre qu'il se re-ferme bien si je quitte toute la zone (img + bulle-infos).

Une idée ?

Merci!!
 
Discussions similaires
Haut