Liste ein/ausblenden nach Checkbox

[Gunnar Bittersmann]

@@samtux:

nuqneH

Ich hatte ja gedacht, dass das so funktionieren sollte:

#liste {display:none;}

#checkbox:checked #liste {display:block;}

  
` ` ist der [Kombinator für Nachfahren](http://www.w3.org/TR/css3-selectors/#descendant-combinators). Der würde greifen, wenn #liste als Nachfahrenelement in #checkbox enthalten wäre. Da input leere Elemente sind, kann das gar nicht sein.  
  
Du benötigst den [Kombinator für Geschwisterelemente](http://www.w3.org/TR/css3-selectors/#sibling-combinators) `+` bzw. `~`. Wenn #liste und #checkbox denn tatsächlich Geschwister sind.  
  
Das Dumme daran ist: der [WebKit Adjacent/General Sibling & Pseudo Class Bug](http://forum.de.selfhtml.org/archiv/2013/8/t214562/#m1468261) im Android-Browser …  
  

> Aber bei einem Klick auf die Checkbox tut sich nichts.  
  
… was in fehlerhaften Android-Browser auch bei korrektem CSS der Fall ist.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)