nicht angemeldet
Hi!
Ich habe auf meiner Seite eine Checkbox mit einer ID und eine <ul>-Liste mit einer ID.
Nun möchte ich, dass wenn die Checkbox aktiviert ist, die Liste sichtbar ist und wenn die Checkbox deaktiviert ist, dass die Liste unsichtbar ist.
Also Checkbox aktiviert:
#liste {display:block;}
Checkbox deaktiviert:
#liste {display:none}
Ich hatte ja gedacht, dass das so funktionieren sollte:
#liste {display:none;}
#checkbox:checked #liste {display:block;}
Aber bei einem Klick auf die Checkbox tut sich nichts.
Mit Javascript kann ich es nicht umsetzen, da die Funktion nur bei einer bestimmten Bildschirmgröße benötigt wird. Bei größeren Größen, soll die Liste immer sichtbar sein.
Es soll aber auch möglich sein, das Browserfenster zu skalieren wodurch sich die gesamte Seite anpasst.
Gunnar Bittersmann