menu accordeon 3 niveaux

leounette86
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 9
Inscription: 25 Mar 2008

menu accordeon 3 niveaux

Message le Mar Nov 25, 2008 10:16

bonjour

je cherche a faire un menu en accordeon a 3 niveau (categorie, sous menu, sous sous menu)
je suis arrive sur ce sujet http://www.webrankinfo.com/forums/viewtopic_98423.htm

je suis alle sur lien lien qu'il donne : http://plugins.jquery.com/project/collapsor

ca a l'air d'etre exactement ce dont j'ai besoin,
mais je n'arrive pas a faire fonctionner le script (je suis nul en javascript)

je pense que le probleme vient du head

voici mon head

Code: Tout sélectionner
<head>
<link href="menu.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.collapsor.js"></script>

<script type="text/javascript" src="jquery.collapsor.min.js"></script>


<script type="text/javascript">
<!--
$('#menu ul li a').collapsor();
   
// -->
</script>   
</head>


Quelqu'un peut me dire ou ça cloche svp ?
merci


Bacteries
WRInaute passionné
WRInaute passionné
 
Messages: 1369
Inscription: 27 Mai 2004

Message le Mar Nov 25, 2008 12:29

Quels sont les erreurs?
Tu as bien placé tes scripts au bon endroit (celui indiqué par ton src)?

Ton code HTML est bien comme souhaité? (par rapport à ton sélecteur CSS #menu ul li a)

leounette86
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 9
Inscription: 25 Mar 2008

Message le Mar Nov 25, 2008 12:54

il n'y a pas de message d'erreur
mais tout est deplier
c'est comme s'il n'y avais pas de js

tout les fichiers sont dans un meme dossier

je pense qu'il n'y a pas de probleme dans le body mais je te laisse verifier :

Code: Tout sélectionner
<head>
<link href="menu.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.collapsor.js"></script>

<script type="text/javascript" src="jquery.collapsor.min.js"></script>


<script type="text/javascript">
<!--
$('#menu ul li a').collapsor();
   
// -->
</script>   
</head>
<body>
<div id="menu">
  <ul>
         <li>
            <a href="#menu_1">Menu 1</a>
            <ul>
               <li>
                  <a href="#menu_1_1">Menu 1-1</a>
               </li>
               <li>
                  <a href="#menu_1_2">Menu 1-2</a>
                  <ul>
                     <li>
                        <a href="#menu_1_2_1">Menu 1-2-1</a>
                     </li>
                     <li>
                        <a href="#menu_1_2_2">Menu 1-2-2</a>
                     </li>
                  </ul>
               </li>
            </ul>
         </li>
         <li>
            <a href="#menu_2">Menu 2</a>
         </li>
         <li>
            <a href="#menu_3">Menu 3</a>
         </li>
      </ul>

         </div>
</body>


merci d'avance


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité