http://codepen.io/anon/pen/GqmEAqCSS nach Ereignisse geklickt
Ich versuche, die x zu machen geklickt (x nach Menü erstellt wird Pluszeichen geklickt wird) und dann die Drop-Down-Erziehung zurück.
Ich habe versucht,
a:after:checked ~ .submenu{
max-height: 999px;
}
Ich weiß, ich bin in der Nähe, aber ich kann nicht die Drop-Bar erhalten Sie bis zu gehen, wenn die ‚x‘ geklickt wird
Ich bin ein wenig verwirrt, weil in Ihrer Frage, Sie sprechen über das x in der Art und Weise Ihrer Drop-Down-Schließung bekommen, aber die CSS, die Sie in deiner Frage gepostet hat mit der '.submenu' Höhe zu tun. Bitte klären Sie die Frage so, dass sie sich auf ein einzelnes Problem bezieht. Wenn Sie ein anderes Problem haben, erstellen Sie eine separate Frage. –
Hey Hunter - tut mir leid. Ich wusste nicht, dass es auch mein Stift war. krank kreire einen separaten dank! – user6535413
Wenn Sie diese 'A's zu wechseln sind in der Lage zu' label's mit 'for' Attribute, werden Sie das Problem beheben. Gerade jetzt ist das Problem, dass das Pseudoelement des Klick holt (ehrlich gesagt ein bisschen überraschte die 'a' nicht). Ein 'Label' wäre semantisch korrekter und ein Klick auf das Pseudoelement würde das Kontrollkästchen umschalten. Zusätzlicher Bonus, du könntest dann die Checkboxen ausblenden und stattdessen Styling auf die Labels anwenden (was sehr viel förderlicher ist). – abluejelly