Bonjour tout le monde,

Voici le code HTML renvoyé via FireBug :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<ul id="menu-deroulant">
        <li>
                        <a id="liste_article" href="#">
                Les articles
            </a>
        </li>
        <li>
                        <a id="liste_categories_article" href="#">
                Les catgégories
            </a>
            <div class="resultat_recherche">
        <ul>
                    <li class="li_categ"> <a href="#"> Présentation <input type="hidden" value="11"> </a> </li>
                    <li class="li_categ"> <a href="#"> Tutoriel <input type="hidden" value="13"> </a> </li>
                    <li class="li_categ"> <a href="#"> Evenements <input type="hidden" value="14"> </a> </li>
            </ul>
</div>
        </li>
        <li>
                        <a id="liste_tags_article" href="#">
                Les tags
            </a>
            <div class="resultat_recherche">
            </div>
        </li>
    </ul>

Ensuite ce que je veux faire c'est par exemple :
1) je passe la souris sur le menu "Les catégories", la les sous-menus correspondant("Présentation", "Tutoriel", "Evenements") s'affiche:cela fonctionne bien ^^

2 a) Quand je click sur un sous-menu, les informations des articles correspondant s'affiche: cela fonctionne plutôt bien aussi je pense(le "je pense" vous allez sans doute le comprendre par la suite^^).

2 b)Par contre imaginons j'ai fait la 1) étape et ensuite je décide de retirer ma souris de ce menu, je souhaiterais que les sous-menus correspondant disparaisse: c'est là que je bloque(voilà pourquoi "je pense" vu que je ne peux pas cliquer sur un sous-menu )

Voici le code Jquery correspondant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Recherche d'article - Deuxième bouton : Liste des catégories avec au moins un article.
$('li a#liste_categories_article').hover(function() {
	$(this).parent().children('div.resultat_recherche').load('liste_categories');
},function(){
	// Recherche d'article - Liste des catégories : Lorsqu'on click sur une catégorie, on va afficher les articles.
	$('.li_categ').on('click', function() {
		$('div#articles').slideDown("fast").html('<img src="../../img/ajax-loader.gif"></img>').load('liste_articleCategories/'+$(this).children().children('input').val());
		// Permet de laisser le curseur de la page à l'endroit ou on est lorsqu'on click sur le lien.
		// return false;
	});
	$('#menu-deroulant').mouseout(function() {
		$('#menu-deroulant ul').slideUp("fast");
	});
});
Quelqu'un aurait-il une idée pour résoudre mon problème s'il vous plaît ?!

Merci par avance.