menu accordeon 3 niveaux

leounette86 · 25 Novembre 2008

bonjour

je cherche a faire un menu en accordeon a 3 niveau (categorie, sous menu, sous sous menu)
je suis arrive sur ce sujet https://www.webrankinfo.com/forum/t/ajax-menu-accordeon-3-niveaux.98423/

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:

 <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 · 25 Novembre 2008

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 · 25 Novembre 2008

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:

<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