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 :
Quelqu'un aurait-il une idée pour résoudre mon problème s'il vous plaît ?!
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"); }); });
Merci par avance.
Partager