Afficher/Cacher menu avec slideToggle
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:
1 2 3 4 5
|
$(document).ready(function () {
$('a.menu_head').hover(function () {
$('ul.menu_body').slideToggle('medium');
}); |
Code:
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.