n'Abend,
Ich bräuchte eine Navigationsseite zu div. Link, je nach gewählter Checkbox kann man belibiege Links in der dropdownliste auswählen. Mit was für einem Ansatz würdest du es machen?
ich würde die Links gruppenweise in ein ul-Element zusammenfassen, und dieses ul-Element abhängig davon, ob die zugehörige Checkbox aktiviert ist, sichtbar oder unsichtbar machen.
Ins Unreine gedacht:
~~~html
<input type="checkbox" name="group1" />
<ul>
<li><a ... /></li>
<li><a ... /></li>
<li><a ... /></li>
</ul>
~~~css
input:not(:checked) + ul
{ display:none;
}
Die Negation mit der Pseudoklasse :not() scheint auf den ersten Blick unnötig kompliziert, könnte man doch ebensogut das ul-Element per Default ausblenden und nur über den Selektor input:checked + ul wieder einblenden. Dann würden aber ältere Browser, die die Pseudoklasse :checked nicht kennen, die Linkliste niemals anzeigen. Daher lieber den umgekehrten Fall als Fallback: Man nimmt in Kauf, dass diese Browser die Listen immer komplett anzeigen. So bleibt die Navigation wenigstens bedienbar.
Ciao,
Martin
Time's an illusion. Lunchtime doubly so.
(Douglas Adams, "The Hitchhiker's Guide To The Galaxy")
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(