Créer une arborescence récursive

Bonjour,

je veux afficher un tableau récursif j'affiche seulementle dernier malgré que je sois dans une boucle while, je souhaiterais que ceci face une arborescence grâce à la fonction.

Voilà mon code :

Code:

---

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 27 28 29 30 31 32

function afficher_menu($tb) { // Pour chaque élément du tableau... foreach($tb as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcoure if(is_array($value)) { echo $key.' :<ul>'; afficher_menu($value); echo '</ul><br />'; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo '<li>'.$value.'</li>'; } } } include('config.php5'); $sql = mysql_query("SELECT DISTINCT * FROM produit p ORDER BY codeModele,codeSousFamille, codeLigne"); while($data = mysql_fetch_array($sql)) { $modele = $data['codeModele']; $sf = $data['codeSousFamille']; $ligne = $data['codeLigne']; echo $modele." - ".$sf." - ".$ligne."<br><br>"; $tb = array( "$modele" =>array( "$sf"=>array("$ligne"))); }   afficher_menu($tb);

---

Ce que j'aimerais c'est que tant qu'il y'a des sf dans le" modèle" afficher et puis tant qu'il y'a des" lignes" dans sf afficher

Je développe :

Si mon champ $modele est different de celui qui est actuelle j'affiche le nouveaux sinon je rentre dans ma boucle $sf puis dans ma boucle $ligne

C'est assez normal que tu n'affiches qu'une seule ligne : à chaque tour de boucle tu écrases ta variable $tb. Donc seule la valeur du dernier tour de boucle est conservée.
Il faut que tu alimentes $tb de façon un chouia plus subtile :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$tab = array(); while($data = mysql_fetch_array($sql)) { $modele = $data['codeModele']; $sf = $data['codeSousFamille']; $ligne = $data['codeLigne']; echo $modele." - ".$sf." - ".$ligne."<br><br>";   if (!isset($tb[$modele])) { $tb[$modele] = array(); } if (!isset($tb[$modele][$sf]) { $tb[$modele][$sf] = array(); } $tb[$modele][$sf][] = $ligne; }

---

Au passage, l'API Mysql est obsolète depuis PHP 5.5 et supprimée en PHP 7. Il faudra envisager d'utiliser PDO ou mysqli à la place.

Bonjour,

Je penserai à passer à mysqli. Je te remercie pour le code mais il ne fonctionne pas mais je vois que tu a laisser $tab et elle est rappeller avec $tb c'est normal?


Reedit : J'ai passé toutes les valeurs à $tab, mais ça ne fonctionne toujours pas.

ce qui me donne ce code :

Code:

---

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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

function afficher_menu($tab) { // Pour chaque élément du tableau... foreach($tab as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcoure if(is_array($value)) { echo $key.' :<ul>'; afficher_menu($value); echo '</ul>'; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo '<li>'.$value.'</li>'; } } } include('config.php5'); $sql = mysql_query("SELECT DISTINCT * FROM produit p ORDER BY codeModele,codeSousFamille, codeLigne"); $tab = array(); while($data = mysql_fetch_array($sql)) { $modele = $data['codeModele']; $sf = $data['codeSousFamille']; $ligne = $data['codeLigne']; echo $modele." - ".$sf." - ".$ligne."<br><br>";   if (!isset($tab[$modele])) { $tab[$modele] = array(); }   if (!isset($tab[$modele][$sf]) { $tab[$modele][$sf] = array(); }   $tab[$modele][$sf][] = $ligne; }     afficher_menu($tab);

---

Citation:

---

Envoyé par Gabardin

je vois que tu a laisser $tab et elle est rappeller avec $tb c'est normal?

---

Oups! Effectivement, c'est soit $tab, soit $tb partout... :oops:


Qu'est-ce que tu obtiens comme résultat avec ton nouveau code ?

Finalement j'ai trouvé j'avais pas vu que tu avais laisser le dernier entre crochet vide $tb[$modele][$sf][] = $ligne; donc j'ai rajouter $ligne au dernier et ça marche niquel. Par contre je me demander si il était possible de bien redefinir chaque sous menu ou pas. Pour pouvoir l'intégrer sur bootstrap

Bonjour,

1/ il faut commencer par vérifier ce que contient $tab :

Code:

---

1 2	<?php var_dump($tab);

---

2/ Il faut ensuite vérifier aussi le code HTML obtenu. Surtout la bonne imbrication des <ul>,<li>....

1/ J'ai utilisé la fonction var_dump et celà m'a donné

Code:

---

array(7) { [1]=> array(1) { [123]=> array(1) { ["sa55"]=> string(4) "sa55" } } ["Col droit"]=> array(1) { ["Manche courte"]=> array(1) { ["Femme"]=> string(5) "Femme" } } ["Col rond"]=> array(2) { ["Manche courte"]=> array(1) { ["Homme"]=> string(5) "Homme" } ["Manche longue"]=> array(1) { ["Homme"]=> string(5) "Homme" } } ["Col v"]=> array(1) { ["Manche courte"]=> array(1) { ["Homme"]=> string(5) "Homme" } } }

---

2/ Je n'es pas trop compris parce que quand j'affiche il est correctement imbriquer mais vu que j'ai une fonction afficher menu je ne peux pas afficher $modele ou je veux

J'ai deux petits problèmes:
- le premier est que il m'affiche une ligne blanche à chaque fois pour le dernier
- le second est il ne me met une puce qu'au premier venu donc si j'ai 4 modèles le premier à un point noir disant que c'est une liste les trois prochains n'ont rien.

J'ai deux petits problèmes:
- le premier est que il m'affiche une ligne blanche à chaque fois pour le dernier
- le second est il ne me met une puce qu'au premier venu donc si j'ai 4 modèles le premier à un point noir disant que c'est une liste les trois prochains n'ont rien.

Montre le code HTML généré.

Bonjour,

il génère le code suivant :

Code:

---

1 2

Sans<ul><li>Manche longue<ul><li></li></ul><li>Sans<ul><li><li>000</li></li></ul><li>Ville<ul><li></li></ul><li></li></ul><li>Femme<ul><li>Sans<ul><li><li>MTN</li><li>ALP</li><li>000</li></li></ul><li></li></ul><li>Homme<ul><li>Sans<ul><li><li>MTN</li><li>000</li><li>000</li><li>000</li></li></ul><li></li></ul><li>

---

BOnjour,

si je prends juste le début, on sent qu'il y a des problèmes

• imbrication et de fermeture des balises
• <li></li> vide

Code:

---

1 2 3 4 5 6 7 8 9

Sans <ul> <li>Manche longue <ul> <li></li> </ul> <li>Sans <ul> ...

---

Le problème vient de ma fonction afficher_menu().

J'ai réctifié le problème de mon premier arrivé. Mais pas la suite ou j'ai les li de vide ca je ne comprend pas

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function afficher_menu($tb) { // Pour chaque élément du tableau... foreach($tb as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours if(is_array($value)) { echo $key.'<ul><li>'; afficher_menu($value); echo '</li></ul><li>'; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo '<li>'.$value.'</li>'; } } }

---

Reedit : Finalement, c'est pas le echo <ul> qui fallait rajouté ça me les as tous imbriqué l'un dans l'autre.
Il fallait bien gérer les ouverture et fermeture donc ce qui me donne :

Code:

---

1 2 3

echo "<ul><li>".$key."<ul>"; afficher_menu($value); echo '</ul></li></ul>';

---

Ce code me génére ceci :

Code:

---

1 2

<ul><li>Sans<ul><ul><li>Manche longue<ul></ul></li></ul><ul><li>Sans<ul><ul><li>Sans<ul><li>000</li></ul></li></ul></ul></li></ul><ul><li>Ville<ul></ul></li></ul></ul></li></ul><ul><li>Femme<ul><ul><li>Sans<ul><ul><li>Chaussure<ul><li>MTN</li></ul></li></ul><ul><li>Long<ul><li>000</li><li>ALP</li></ul></li></ul><ul><li>Soutien gorge<ul><li>000</li></ul></li></ul></ul></li></ul></ul></li></ul><ul><li>Homme<ul><ul><li>Sans<ul><ul><li>Chaussure<ul><li>MTN</li></ul></li></ul><ul><li>Long<ul><li>000</li></ul></li></ul><ul><li>Manche longue<ul><li>000</li></ul></li></ul><ul><li>Ville<ul><li>000</li></ul></li></ul></ul></li></ul></ul></li></ul>

---

Il y'a encore des balises qui s"ouvre et qui se ferme pour rien

Bon.
Pour pouvoir tester, il me faut l'array...

Affiche le résultat de :

Code:

---

<?php json_encode( $tab );

---

Le json_encode m'a générer le code suivant :

Code:

---

{"Sans":{"Sans":{"000":"000"}},"Femme":{"Sans":{"MTN":"MTN","000":"000","ALP":"ALP"}},"Homme":{"Sans":{"MTN":"MTN","000":"000"}}}

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function afficher_menu($tb) { // Pour chaque élément du tableau... foreach($tb as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours if(is_array($value)) { echo '<li>'."\n"; echo $key."\n"; echo '<ul>'."\n"; afficher_menu($value); echo '</ul>'."\n"; echo '</li>'."\n"; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo '<li>'.$value.'</li>'."\n"; } } }

---

Fonctionnement : il faut ajouter les 1er <ul> et </ul> :

Code:

---

1 2 3

echo '<ul>'; afficher_menu( $tab ); echo '</ul>';

---

On obtient (après avoir ajouté manuellement les tabulations) :

Code:

---

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 27 28 29 30 31 32 33 34 35 36 37 38

<ul> <li> Sans <ul> <li> Sans <ul> <li>000</li> </ul> </li> </ul> </li> <li> Femme <ul> <li> Sans <ul> <li>MTN</li> <li>000</li> <li>ALP</li> </ul> </li> </ul> </li> <li> Homme <ul> <li> Sans <ul> <li>MTN</li> <li>000</li> </ul> </li> </ul> </li> </ul>

---

Voici un code corrigé, incluant les tabulations et <ul> </ul> de début et fin :

Code:

---

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 27

function afficher_menu($tb, $niv) { if( empty($niv) ) $niv = 0; if( $niv==0 ) { echo '<ul>'."\n"; } // Pour chaque élément du tableau... foreach($tb as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours if(is_array($value)) { echo str_repeat("\t",$niv+1).'<li>'.$key."\n"; echo str_repeat("\t",$niv+2).'<ul>'."\n"; afficher_menu( $value, $niv+1 ); echo str_repeat("\t",$niv+2).'</ul>'."\n"; echo str_repeat("\t",$niv+1).'</li>'."\n"; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo str_repeat("\t",$niv+2).'<li>'.$value.'</li>'."\n"; } } if( $niv==0 ) { echo '</ul>'."\n"; } }

---

Fonctionnement :

Code:

---

afficher_menu( $tab, 0 );

---

Résultat :

Code:

---

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 27 28 29 30 31 32

<ul> <li>Sans <ul> <li>Sans <ul> <li>000</li> </ul> </li> </ul> </li> <li>Femme <ul> <li>Sans <ul> <li>MTN</li> <li>000</li> <li>ALP</li> </ul> </li> </ul> </li> <li>Homme <ul> <li>Sans <ul> <li>MTN</li> <li>000</li> </ul> </li> </ul> </li> </ul>

---

Bonjour,

Je n'es pas pu me reconnecté depuis la dernière fois suite à des raisons personnelles.
Ton code fonctionne niquel par contre j'ai un petit problème avec le menu pour l'adapter sur bootstrap. Je n'arrive pas à l'afficher comme je le souhaite :
Le code du menu que je veux afficher ressemble à sa :

Code:

---

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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu Plusieurs niveaux</title> <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">       <style> .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}   </style>   </head> <body>     <nav class="navbar navbar-inverse"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand hidden-md hidden-lg" href="#">Menu</a> </div>   <div class="collapse navbar-collapse" id="main-menu" style="margin-bottom: 0px;"> <ul class="nav navbar-nav">   <?php include('config.php5'); function afficher_menu($tb, $niv) { if( empty($niv) ) $niv = 0; if( $niv==0 ) { echo '<ul>'."\n"; } // Pour chaque élément du tableau... foreach($tb as $key => $value) { // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours if(is_array($value)) { echo str_repeat("\t",$niv+1).'<li>'.$key."\n"; echo str_repeat("\t",$niv+2).'<ul>'."\n"; afficher_menu( $value, $niv+1 ); echo str_repeat("\t",$niv+2).'</ul>'."\n"; echo str_repeat("\t",$niv+1).'</li>'."\n"; } else //Sinon, c'est un élément à afficher, alors on le liste ! { echo str_repeat("\t",$niv+2).'<li>'.$value.'</li>'."\n"; } } if( $niv==0 ) { echo '</ul>'."\n"; } }   $sql = mysql_query("SELECT DISTINCT * FROM produit p WHERE codeModele = 'Sans' ORDER BY codeModele,codeSousFamille,codeMarque,codeLigne"); $tb = array(); // $req = mysql_query('SELECT * FROM Menu WHERE actif="1" ORDER BY ordre_menu'); // while( $numero = mysql_fetch_array($req)) // { // $nom = $numero['nom']; // $ordre = $numero['ordre_menu']; while($data = mysql_fetch_array($sql)) { $modele = $data['codeModele']; $sf = $data['codeSousFamille']; $marque = $data['codeMarque']; $ligne = $data['codeLigne']; $libelle = $data['libelle'];   if (!isset($tb[$ligne])){ $tb[$ligne] = array(); }   if (!isset($tb[$ligne][$modele])){ $tb[$modele] = array(); }   if (!isset($tb[$ligne][$modele][$sf])) { $tb[$ligne][$modele][$sf] = array(); }   // if (!isset($tb[$ligne][$modele][$sf][$marque])) { // $tb[$ligne][$modele][$sf][$marque] = array(); // } $tb[$ligne][$modele][$sf][$marque] = $marque;   } // } afficher_menu( $tb, 0 );   ?>   <li class="dropdown"><a data-toggle="dropdown" href="#"><?php echo $daty['codeModele']; ?><b class="caret"></b></a> <ul class="dropdown-menu jqueryFadeIn"> <li class="dropdown-submenu"> <a data-toggle="dropdown" tabindex="-1" href="#"><?php echo $daty['codeSousFamille']; ?></a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a data-toggle="dropdown" tabindex="-2" href="#"><?php echo $daty['codeLigne']; ?></a> <ul class="dropdown-menu"> <li> <a data-toggle="dropdown" tabindex="-1" href="#"><?php echo $daty['libelle']; ?></a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </nav>   <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script> $(function() { // Affichage du sous menu en douceur jQuery('ul.nav li.dropdown').hover(function() { jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeIn(); }, function() { jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeOut(); });   }); </script> </body> </html>

---

Je n'arrive pas à imbriqué plusieurs menus, il affiche la ligne lorsqu'on clique il affiche bien le modèle par contre la suite ne fonctionne pas

Bonjour,

1/ montre le code HTML généré (sans PHP) -> "afficher le code source" ou "Ctrl"+"U"


2/ le script de la fonction n'est pas obligé d'^tre à l'endroit où le code sera écrit.
Il peut/doit se mettre avant le <doctype>.

Le code générer est le suivant :

Code:

---

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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu Plusieurs niveaux</title> <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">       <style> .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}   </style>   </head> <body>     <nav class="navbar navbar-inverse"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand hidden-md hidden-lg" href="#">Menu</a> </div>   <div class="collapse navbar-collapse" id="main-menu" style="margin-bottom: 0px;"> <ul class="nav navbar-nav">   <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#"><b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">000<b class="caret"></b></a> <ul class="dropdown-menu"> <li></li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Accessoire<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Manche longue<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">sa55<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">123<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">1<b class="caret"></b></a> <ul class="dropdown-menu"> <li></li> <li>0000-00-00 00:00:00</li> </ul> </li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Femme<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Manche courte<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Col droit<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Chaussure<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Fermeture Zip<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>MTN</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Long<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> <li>ALP</li> </ul> </li> </ul> </li>   </ul> </li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Homme<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Manche courte<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Col rond<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Col v<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Manche longue<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Col rond<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Basket<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Lacets<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> <li>ALP</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Ville<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Lacets<b class="caret"></b></a> <ul class="dropdown-menu"> <li>ALP</li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Long<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>000</li> </ul> </li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Chaussure<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a> <ul class="dropdown-menu"> <li>MTN</li> </ul> </li> </ul> </li> </ul> </li>   </div> </nav>   <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script> $(function() { // Affichage du sous menu en douceur jQuery('ul.nav li.dropdown').hover(function() { jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeIn(); }, function() { jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeOut(); });   }); </script> </body> </html>

---

D'accord je le déplace merci pour l'information.

Je ne vois pas le 1er <ul> de la fonction...

Si tu as modifié la fonction entre temps, ce serait bien de le dire, et de le montrer.