Bonjour,

J'ai un problème qui m'arrache les cheveux dans jQuery,
Je veux afficher une div (cachée au départ) lorsque je clique sur un lien (représenté par une image)
Voici les codes :

Fonction jQuery : (dans le head de la page HTML)
function pari(){
$(document).ready( function () {
$(".parier").hide();
$(".pari-submit > a").click( function () {
if ($(this).next(".parier:visible").length == 0) {
$(this).next(".parier").slideDown("normal",function () { alert('ok') } );
$(this).replaceWith('<img src="img/jeparieoff.png" alt="Je parie off" \/>');
}
return false;
});
});
}


Code HTML
<div class="pari-submit">
<a href="#"><img src="img/jeparie.png" alt="je parie" /></a>
</div>
<div class="parier">
<div class="parier-in">
<form method="post" action="paris.php" onsubmit="validerPari()">
Je mise <input type="text" size="6" name="valeur" /> Jetons sur
<input type="radio" name="result" value="oui"/> Oui
<input type="radio" name="result" value="non" /> Non
<input type="submit" name="submit" value=" " class="validerpari" />
</form>
</div>
</div>
<script type="text/javascript">
pari();
</script>

Lorsque je clique sur l'image jeparie.png, l'image change bien (devient l'image "je parieoff") ce qui implique donc bien que la condition if est fonctionnelle, mais la div parier ne s'affiche pas !!
Pourtant, la condition du if est du même ordre que la fonction à utiliser (à savoir : $(this).next(".parier") )

Je vous serai très reconnaissant de m'expliquer ou est la faille.

Merci beaucoup d'avance de vos réponses.

Configuration: Mac OS X
Safari 528.16