<li> et display none

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:

---

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:

---

1 2 3

.informations{ display: none; }

---

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

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
:fleche: http://validator.w3.org/check?uri=ht...Inline&group=0

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".

extrait du lien fourni

Code:

---

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 !?!

C'est quoi ce code HTML ? 8O

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

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 ...