Affichage/"Désaffichage" de liens dans un menu
Résolu
JVsn9
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Alors j'aurai besoin d'aide pour la création d'un menu, qui serait en fait une liste hierarchique ( cf. https://prnt.sc/5hlc87 ). Et en fait je voulais savoir de quelle façon on pouvait faire apparraître et disparaître les différentes sous-listes, mais au clic seulement, et seulement en HTML et CSS, pas de JS, de Jquery, etc... est-ce que c'est possible de le faire avec la pseudo-classe ":focus" et des "display:none" ? Je tiens à préciser que je ne désire pas faire de liste déroulante horizontale au passage d'un clic comme de nombreux tutoriels le proposaient, mais vraiment verticale, et seulement au clic :)
Merci d'avance pour vos réponses en tout cas,
Cordialement.
Alors j'aurai besoin d'aide pour la création d'un menu, qui serait en fait une liste hierarchique ( cf. https://prnt.sc/5hlc87 ). Et en fait je voulais savoir de quelle façon on pouvait faire apparraître et disparaître les différentes sous-listes, mais au clic seulement, et seulement en HTML et CSS, pas de JS, de Jquery, etc... est-ce que c'est possible de le faire avec la pseudo-classe ":focus" et des "display:none" ? Je tiens à préciser que je ne désire pas faire de liste déroulante horizontale au passage d'un clic comme de nombreux tutoriels le proposaient, mais vraiment verticale, et seulement au clic :)
Merci d'avance pour vos réponses en tout cas,
Cordialement.
A voir également:
- Affichage/"Désaffichage" de liens dans un menu
- Menu contextuel windows 11 retrouver l'affichage classique - Guide
- Créer un lien pour partager des photos - Guide
- Menu déroulant excel - Guide
- Vérificateur de liens - Guide
- Affichage double ecran - Guide
1 réponse
Salut
au clic ce n'est pas possible en html / css pour les liens avec :focus ni avec rien d'autre. focus au clic ne s'applique qu'a un champ de type imput et certainement pas pour faire du display none sur un élément enfant (ce sert plutot a changer le style du texte dont l'input est en focus)
seul jquery ou javascript permettent cela pour un lien ou un élément (p li h1 etc ...)
En jquery c'est très simple a mettre en place avec même un effet autrement mieux qu'un simple apparition disparition .
au clic ce n'est pas possible en html / css pour les liens avec :focus ni avec rien d'autre. focus au clic ne s'applique qu'a un champ de type imput et certainement pas pour faire du display none sur un élément enfant (ce sert plutot a changer le style du texte dont l'input est en focus)
seul jquery ou javascript permettent cela pour un lien ou un élément (p li h1 etc ...)
En jquery c'est très simple a mettre en place avec même un effet autrement mieux qu'un simple apparition disparition .
