Menu Déroulant Javascript
Navigation Inscrivez-vous gratuitement pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter Sujet: JavaScript 08/12/2013, 23h59 #1 Membre à l'essai Menu déroulant cliquable Bonjour à tous, Je n'y connais pas grand choses en javascript et je cherche pour un de mes menu une application qui me permettrais de dérouler un sous menu avec un clic et le refermer de la même façon. J'ai déjà trouvé ce code mais je ne vois absolument pas comment m'en servir. J'ai deux autre lignes de code ci-dessous à placer mais après de multiples essais je n'y arrive pas je me demande donc comment faire. < a href = "#" onclick = "ShowHide('elementId'); return false" > Recherche avancée a > < div id = "monelement" style = "display:none" > 1 2 3 4 5 function ShowHide ( EltId) { with ( document. getElementById ( EltId)) { display= ( display== "block" || display== "")? Menu déroulant javascript dans votre navigateur. "none": "block";}} 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < body > < div id = "leftnav" > < div >
Menu Déroulant Javascript Source
J'ai vu cette méthode magique sur le Web, je la trouve élégante et ultra-légère et l'ai tout de suite adoptée. Elle est uniquement à base de CSS. Son secret est l'utilisation d'un input de type checkbox cachée pour dérouler le menu. Une démonstration Le principe Il s'agit de créer un input de type checkbox caché précédé de son label visible. Un menu déroulant en HTML5 et CSS3 (sans javascript) [Documentation]. En effet, lorsqu'un visiteur clique sur le label, miraculeusement il coche/décoche la checkbox sur tous les navigateurs. Ensuite avec un peu de css et le sélecteur:checked on affichera le bloc souhaité lorsque la checkbox est cochée.