Code non fonctionelle

[0123]

Bonjours,

Voilà mon problème: j'ai suivit tous ce tuto pour faire un menu vertical:

https://forum.forumactif.com/t314485-installation-d-un-menu-deroulant

Tout fonctionne sauf ce code je voudrais faire apparaître les sous menu en cliquant :

Pour une apparition des sous-menus au clic:

Code: Sélectionner le contenu

Code:

       $(function(){ $("#menu dl").click(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });

Mais ce code ne fonctionne pas... seulement le code survole fonctionne.

Merci d'avance.

Cordialement.

[0123]

upp

[0123]

upp

[0123]

upp

[0123]

upp !! Une réponse svp ...

[0123]

uppp

[0123]

upp toujours personne ??

[Invité]

Salut 0123 ,

effectivement , je te donne un code pour y remédier en attendant
que le tutoriel soit corrigé:

Le click affichera et déploiera les 3 menus et au clic des menus
affichera et déploiera les sous menus .

Code:


$(function(){
$("#menu dl").click(function()
{
$(this).find("dd").stop(true,true).toggle("500");
},
function(){$(this).find("dd").toggle("500");
});
});

$(function(){
$("#menu dl.M14_menu").click(function()
{
$("#menu .M14_tout").toggle("500");
});
});


Le code html:

Code:


        <div id="menu">
        <dl class="M14_menu">
        <dt>Replier</dt>
        </dl>
 <div class="M14_tout"style="display:none;">
        <dl>
        <dt>Menu 1</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="url-de-renvoi">Sous-Menu 1.1</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 1.2</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 1.3</a></li>
        </ul>
        </dd> 
        </dl>
       
        <dl>
        <dt>Menu 2</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="url-de-renvoi">Sous-Menu 2.1</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 2.2</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 2.3</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 2.4</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 2.5</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 2.6</a></li>
        </ul>
        </dd>
        </dl>
       
        <dl>
        <dt>Menu 3</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
        <li><a href="url-de-renvoi">Sous-Menu 3.2</a></li>
        </ul>
        </dd> 
        </dl>
</div>
        </div>



a++

[0123]

j'ai inséré ce code et quand je clic pour dévoiler les sous menu tous disparé...

[Invité]

Re,
un petit merci est toujours agréable à lire dans un premier temps,
c'est une marque de politesse   .

Le code donné fonctionne mon ami.
Il faut supprimer le javascript précédent  .
a++

[0123]

ha oui exact ça marche même plutôt bien... j'avais fait une faute de copie...

Merci beaucoup Milouze14.

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif