Masquer un span

Bonjour bonjour
Je ne sais si c'est possible je cherche à masquer un span contenant un lien au survol d'un autre élément.
Voici le code :

Code:

---

1 2 3 4 5 6 7 8

<figure class="vitrine"> <img src="maison-ecologique.jpg" alt="" width="400" height="400" /> <figcaption> <p><span class="foo"><a href="#">Maison écologique</a></span> Bla bla bla</p> </figcaption> </figure>

---

Dès que le pointeur entre dans l'espace réservé à l'image je souhaite que span.foo disparaisse.

Comme j'ai JQuery à bord je me suis dit qu'il pourrait peut-être le faire.
Est-ce faisable à votre avis ?
Merci pour vos réponses.

Bonsoir.

Code:

---

1 2 3 4 5 6 7 8

$("figure.vitrine").hover( function(){ $(this).find("span.foo").css("display","none"); }, function(){ $(this).find("span.foo").css("display","block"); } );

---

Bonjour Daniel et merci pour le p'tit bout de code
que je n'arrive pas à faire fonctionner.
Est-ce parce que le span en question est situé dans la balise figcaption ?
Non : je l'ai déplacé directement dans figure.
J'ai même changé ce span en div..., déplacé cette div à l'extérieur de figure (juste avant)... rien n'y fait : au survol de l'image dans figure le contenu du span à masquer est toujours visible.
C'est énervant parce que sur cette page il n'y a pas d'autre script à exécuter donc ce n'est pas une histoire de conflit.
J'ai d'ailleurs lancé la console de Firebug pour voir mais elle ne me signale aucune erreur ni avertissement.

Bon j'ai trouvé finalement : il fallait que je place juste avant (ou après) sinon nada.

Merci merci beaucoup.
:ccool: