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');
});
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>
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".

Merci par avance.