Virusscanner tips?
zichtbare en onzichtbare tekstbox
/*Hide menu checkbox*/
input[type=checkbox] {
display: none;
}
Hoe zorg ik dat dit alleen geldt voor de checkbox met id="menu" zodat de andere checkboxen wel zichtbaar blijven?
Offtopic: tijd voor taart? Dit is het honderduizendste topic :D. Proficiat :).
Thomas van den Heuvel op 03/06/2016 12:03:00:
Offtopic: tijd voor taart? Dit is het honderduizendste topic :D. Proficiat :).
Dat weet je nooit zeker ;-) Een COUNT() is de enige manier ;-)
CNEPHP - op 03/06/2016 12:11:19:
Bedoel je zoiets: https://jsfiddle.net/t590dt61/ ?
Ja maar het lukt niet. Nu zijn ze allemaal zichtbaar.
<input type="checkbox" id="menu" role="button" class="hidden">
/*Hide menu checkbox*/
.hidden input[type=checkbox] {
display: none;
}
Probeer eens:
Code (php)
1
2
3
4
2
3
4
/*Hide menu checkbox*/
.hidden {
display: none;
}
.hidden {
display: none;
}
Zorg ervoor dat alleen de checkbox(en) die je wilt hiden de class 'hidden' hebben.
Gewijzigd op 03/06/2016 13:02:12 door CNEPHP -
Marina janssen op 03/06/2016 11:54:41:
Hoe zorg ik dat dit alleen geldt voor de checkbox met id="menu" zodat de andere checkboxen wel zichtbaar blijven?
#menu
{
display: none;
}
- Ariën - op 03/06/2016 12:30:56:
Dat weet je nooit zeker ;-) Een COUNT() is de enige manier ;-)
Dus als jij zin hebt in taart schoon je de database een keer op? :)))))
/offtopic
Werkt wel maar allebei zorgen ze voor dezelfde bijwerking nl dat het menu niet meer uitvouwt op kleine schermen.
Het gaat om dit menu http://medialoot.com/preview/css-only-navigation-menu/index.html
maar misschien kan ik beter ff een ander menu uitzoeken?
Ah, nu snap ik het.
Alle checkboxen onzichtbaar maken om één checkbox onzichtbaar te maken is nogal overkill :s.
Daarnaast heeft die checkbox een id. Refereer aan dat id.
Gebruik dus in plaats van input[type=checkbox] simpelweg #show-menu
Ben het eigenlijk wel eens met de disclaimer:
Quote:
Disclaimer: Some of this stuff crosses the line of what you "should" do with CSS and introduces some bad semantics. It's still wicked fun to play with and cool that it's possible, but in general functional behavior should be controlled by JavaScript.
Thomas van den Heuvel op 05/06/2016 14:44:43:
@Ward, dat is volgens mij ook precies wat in het bovenstaande menu gebeurt?
klopt
Thomas van den Heuvel op 05/06/2016 14:44:43:
but in general functional behavior should be controlled by JavaScript.
[/quote]
Ik ken geen javascript, maar mocht iemand een simpel en makkelijk te hanteren responsive dropdown menu weten dan hou ik me aanbevolen want ik dacht ik zet dat menutje er ff op maar haha mooi niet
Het label zou dan nog steeds op dezelfde manier moeten werken (klikbaar en zorgt voor het in- en uitklappen van het menu).
Laat anders eens wat code zien hoe jij de eerdere oplossing hebt toegepast want ik heb het idee dat we een beetje langs elkaar heen praten. Wat je probeert te bereiken zou vrij eenvoudig op te lossen moeten zijn.