Sous-menu visible que dans un menu actif

Bonjour,

Je n'arrive pas à créer un sous-menu qui ne serait visible que lorsque le parent est actif.

Ca donnerait ça à l'affichage du menu principal :

• menu1
• menu2
• menu3

On clique sur le menu2 et on obtient ça :

• menu1
• menu2
  
  Sous-menu1
  Sous-menu2
• menu3

P.S Le fait de cliquer sur le menu2 nous mène à la page associée.

Je suis certain que ça doit être super simple à faire mais j'y arrive pas. J'ai tenté une recherche Google mais les mots clés pour ma demande semblent tellement vastes que je n'arrive rien à trouver.

Pourriez-vous m'aiguiller sur un lien ou simplement le code CSS (la ligne qui équivaut à la sous-liste)?

Je pense qu'il s'agit simplement d'afficher les sous-listes que lorsque le parent est actif. Je précise qu'il s'agit d'un Joomla.

Merci d'avance

Bonjour,

Citation:

---

P.S Le fait de cliquer sur le menu2 nous mène à la page associée.

---

dans ce cas dans la page associée laisse le sous menu concerné apparent.

Hello,

Merci pour ta réponse. Il est vrai que ta solution semble la plus simple à mettre en place mais comme je suis sur un Joomla, je ne pense pas pouvoir utiliser cette méthode.

Je n'ai rien trouvé non plus dans l'administration au niveau de la gestion du sous-menu par ne l'afficher que sur ma page associée.

On peut le faire avec un menu complet (car c'est un module), mais pas un sous-menu.

Aurais-tu éventl. une autre solution plutôt au niveau CSS?

Bonjour,

Citation:

---

Envoyé par spinoops

Aurais-tu éventl. une autre solution plutôt au niveau CSS?

---

Citation:

---

Envoyé par NoSmoking

la page associée laisse le sous menu concerné apparent.

---

Est une solution qui peut être réalisée en CSS.

Citation:

---

Aurais-tu éventl. une autre solution plutôt au niveau CSS?

---

je ne pensais même qu'à cela, solution CSS sur le forum CSS.

Supprime de display:none de la liste qui aura la classe actif que tu auras pris le soin de mettre sur l'élément que tu souhaite voir.

Ah ok désolé, j'avais mal compris :oops:

Je teste cette solution, merci :)

Voilà, c'était tout con en fait! Le week-end, c'est quand même bien pour se reposer l'esprit^^

Code:

---

1 2 3 4 5 6 7 8

#right ul.menu li ul { display : none; }   #right ul.menu li.active ul{ display : block; }

---

Merci de ton aide :)