JQuery fadeIn() en hover()

Fermé
JulienD - 2 oct. 2012 à 22:57
 A.Nonymous - 3 oct. 2012 à 00:05
Bonjour,

Je fais mes premiers scripts en jQuery et je souhaite qu'un élément p apparaisse lors du survol d'un élément h4 frère :
{JS}
$("#h4-stratégie").hover(function(){
$("#p-stratégie").fadeIn("fast")
},
$("#p-stratégie").fadeOut("fast")
)
{/JS}

{HTML}
<div id="accueil">
<div id="activités">
<div class="activ-div">
<h4 id="h4-stratégie">Blablabla</h4>
<p id="p-stratégie">Blablabla</p>
</div>
</div>
</div>
{/HTML}

{CSS}
#activités p#p-stratégie{opacity:0.0;}
#activités p#p-communication{opacity:0.0;}
#activités p#p-internet{opacity:0.0;}
{/CSS}


Qu'est ce qui cloche dans mon script ? Merci d'avance !


1 réponse

Les syntaxes possibles de .hover() sont :
$(...).hover(callback1)
et
$(...).hover(callback1,callback2)

Ceci n'est pas un callback:
$("#p-stratégie").fadeOut("fast") 
Ceci est un callback:
function(){$("#p-stratégie").fadeOut("fast");}
0