Node cannot be inserted at the specified point in the hierarchy

Version imprimable

Le bien bonjour à tout, je veux crée un menu à deux niveau, voilà mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $(document).ready(function() { $(".drop #navul li a").hover( function () { $(this).append($("#drop2").css("display","block")); }, function () { $(this).find("#drop2").remove(); } );
drop c'est le div du premiers niveau qui marche bien et drop2 c'est le deuxième niveau, quand je fait un hover il plante avec le message d'erreur dans le titre.

Je vous remercie d'avance

13/04/2012, 10h29
SpaceFrog

Première remarque ... gérer un menu a niveau par des append et remove ???
essaye plutot des hide show ? slideToggle ???

ensuite sans nos montrer le html associé ... ??? faut qu'on le devine ???

Citation:

Envoyé par SpaceFrog

Première remarque ... gérer un menu a niveau par des append et remove ???
essaye plutot des hide show ? slideToggle ???

ensuite sans nos montrer le html associé ... ??? faut qu'on le devine ???

Voilà le code html

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
 
<div class="drop">
								<ul>
									<BOUCLE_sousmenuHaut(RUBRIQUES){id_parent=#ID_RUBRIQUE}{par titre}>
 
											<li>
											<a href="#URL_RUBRIQUE" >[(#TITRE|supprimer_numero)]</a>
												<div id="drop2" style="display:none;">
													<ul>
														<li>
															<a> plop ppppppppppp </a>
														</li>
													</ul>
 
												</div>
											</li>
 
									</BOUCLE_sousmenuHaut>
									<BOUCLE_sousmenuHautArt(ARTICLES){id_rubrique=#ID_RUBRIQUE}{id_article!=13}{id_article!=8}{id_article!=18}{id_article!=14}{id_rubrique!=7}{tout}{par titre}>
 
 
										<li>
											<a href="#URL_ARTICLE" >[(#TITRE|supprimer_numero)]</a>									
										</li>	
 
									</BOUCLE_sousmenuHautArt>
 
								</ul>
							</div>

8O les truc bizard c'est spip

13/04/2012, 10h54
SpaceFrog

le code html généré aurait été plus clair. ...

mais à vue de nez je vois déja des duplications d'id ...
Un id doit être unique sur la page
13/04/2012, 11h08
stade13

Citation:

Envoyé par SpaceFrog

le code html généré aurait été plus clair. ...

mais à vue de nez je vois déja des duplications d'id ...
Un id doit être unique sur la page

J'ai laisser tomber l'idée, je vais faire tout en css. Je vous remercie :ccool:
13/04/2012, 11h09
Bovino

Et au niveau de la conception, quand tu fais

Code:

$(this).find("#drop2").remove();

ne t'attends pas à pouvoir retrouver ton élément au survol suivant...

Code:

$(this).append($("#drop2")

:roll: