Beliebige Tabellenzeilen mit <details> schalten?

[Rolf B]

Hallo fietur,

ja, aber wie Gunnar sagte: es ist das falsche Werkzeug. Das fiel mir leider gestern nicht ein. Das hidden-Attribut oder die visibility:hidden CSS Eigenschaft sind besser. Um hidden umzuschalten brauchst Du JavaScript, visibility geht auch mit CSS.

Der Nachteil von visibility:hidden ist normalerweise, dass das Element nur ausgeblendet wird, aber weiterhin Platz dafür reserviert wird. Tabellen sind die Ausnahme, dort sorgt visibility:hidden auch dafür, dass die verborgenen Zellen keinen Platz einnehmen. Habe ich zumindest neulich so gelesen…

Du kannst auch deine Logik so gestalteten, dass Du nur die Negativaussage display:none verwendest und die Positivaussage, sei es block oder table-row, dadurch herbeiführst, dass kein display:none vorhanden ist. Ganz im Geiste von "nicht zusammengeschissen ist genug gelobt".

Das kriegt man zumeist mit einer :not()-Pseudoklasse im Selektor gelöst.

Rolf