Bonjour,
je débute html/css/jquery et j'essaye de faire un menu en images (car la police du textes désiré est particulière, j'ai donc opté pour des images)
Lorsque je survol les boutons principaux du menu, des listes(en images) correspondantes descendent. (via hover et slideDown/Up)
Mon problème est lorsque je passe x fois sur un btn principal du menu et bien la liste descend x fois. Ce que je souhaite : dès que je suis en mouseout il n'y ai plus aucun mouvement de slideDown/Up (même si je suis passé 10 fois sur le btn).
Voici mon code :
SCRIPT :
$(".slidessmenu").hover(function() {
$(this).find(".info").slideDown("normal")},
function() {
$(".ssmenu").slideUp("normal");
});
BODY :
<div id='btn_2'>
<div class="slidessmenu">
<a href="#" onMouseOver="btn2.src='images/btn-2_jaune.png'" onMouseOut="btn2.src='images/btn-2.png'"><img src='images/btn-2.png' name='btn2'></a>
<div class="ssmenu">
<img src='images/sousmenu2.png'>
</div>
</div>
</div>
J'ai bien essayé avec des 'return false', des 'unbind', des 'stop()' mais rien ne fonctionne.
Merci d'avance pour votre aide...
Christelle.