Afficher / cacher un div au survol d'une image

[bradeux]

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: Tout sélectionner

<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!!

[boby55]

JS :

Code: Tout sélectionner

OnMouseOver

et

Code: Tout sélectionner

OnMouseOut

sur le div en question.

[bradeux]

Tu peux m'en dire plus ?
On peut mettre un OnMouseOver sur un div ?

Merci!