Bonjour,
Débutant en jQuery, je viens de réaliser un menu déroulant animé grâce au tutoriel suivant : http://dmouronval.developpez.com/tut...ry/menu-anime/
Dans ce tutoriel, le menu se déroule lorsque l'évènement click de jquery est levé. A la place de cliquer, j'aimerais que celui-ci apparaisse au passage de la souris et se retire dès que la souris n'est plus au bon endroit. J'ai donc utilisé l'évènement hover, mais celui-ci me pose problème.
Le menu s'affiche bien lorsque le curseur de ma souris se trouve sur l'endroit spécifié. En revanche, dès que je souhaite accéder au menu déroulant, celui-ci se rétracte aussi tôt puisque mon curseur ne se trouve plus sur l'élément déclencheur.
Voici mon code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 $(document).ready(function () { $('a.menu_head').hover(function () { $('ul.menu_body').slideToggle('medium'); });Pour récapituler, je souhaite que mon menu se déroule lorsque le curseur de ma souris est sur "menu-head", mais qu'il ne se rétracte pas pour autant lorsque je suis dans "menu_body".
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <a class="menu_head" href="url">Blabla</a> <ul class="menu_body"> <!-- ma liste d'éléments --> </ul>
Merci par avance.
Partager