Discussion :

[cccb24]

Bonjour à tous,

j'ai un petit problème, je suis en train de faire un menu déroulant.
J'applique la balise display: none; et impossible de faire apparaître le sous menu.

Si quelqu'un a la solution.

L'exemple en ligne (il s'agit du titre "informations"): ici

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<ul><h1>// Informations</h1>
	<li class="informations">
		<ul>About</ul>
		<ul>Contact</ul>
		<ul>News</ul>
		<ul>Links</ul>
	</li>
</ul>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.informations{
	display: none;
}

D'avance merci, je sais que c'est relativement bête comme blocage...

[NoSmoking]

Bonjour,
rien à voir avec le CSS direct, tu as un problème de compréhension de jQuery.

Je déplace vers le forum adéquat

Conseil regarde quand même pour valider ton code HTML
http://validator.w3.org/check?uri=ht...Inline&group=0

[cccb24]

Bonsoir,

merci de votre réponse,

je suis étonné que ce soit du jquery. Un simple display: none; devrait suffire à cacher le sous menu du titre "informations".

[NoSmoking]

extrait du lien fourni

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
// affiche informations //     
$(".informations").click( function () {
    $(".text").fadeToggle();
} ) ;

c'est bien du code qui doit au click sur un élément ayant pour class="informations" faire apparaître/disparaître les éléments ayant la class="text".

Ta question devient, comment faire apparaître un élément en cliquant dessus sachant qu'il est non visible !?!

[Bovino]

C'est quoi ce code HTML ?

Il faut revoir les bases avant toute chose... Une balise <ul> n'est supposée contenir que des balises <li>...

[SpaceFrog]

JQuery étant du javascript et le javascript manipulant le DOM, le DOM étant directement issu du html, si ton HTML est bancale l'interpréteur ne vas pas y retrouver ses petits et tu n'auras pas les objets attendu dans le DOM. Par conséquent javascript ne pourra rien manipuler.

=> Revois les bases du HTML ...