Checkbox in Table - Andere Spalte ansprechen

[CSSar]

Hallo zusammen,

ich habe ein Problem. Ich möchte gerne eine Checkbox einbauen, mit der ich jeweils die darunterliegende Spalte verberge und öffnen kann. Nun habe ich Probleme bei der Zusammenstellung der Kombinatione. Weiß da jemand weiter?

Ich möchte mit dem Checkbox Button (in Spalte einer Zeile) die nächste Zeile (tr) öffnen.

table>

<tr>
<td ><input type="checkbox" id="toggle-1"><label for="toggle-1">Do Something</label></td>
</tr>
<tr class="test1">
<td>hallo</td>
</td>


</table>

table input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}


table tr.test1{
   display: none;
   border: 2px solid black;
}


table input[type=checkbox]:checked  ~ tr.test1{
   display: table-row;
   border: 2px solid black;
   color: green;
   }

Danke im Voraus!

 

[scbawik]

Hallo zusammen,

ich habe ein Problem. Ich möchte gerne eine Checkbox einbauen, mit der ich jeweils die darunterliegende Spalte verberge und öffnen kann. Nun habe ich Probleme bei der Zusammenstellung der Kombinatione. Weiß da jemand weiter?

Ich möchte mit dem Checkbox Button (in Spalte einer Zeile) die nächste Zeile (tr) öffnen.

table>

<tr>
<td ><input type="checkbox" id="toggle-1"><label for="toggle-1">Do Something</label></td>
</tr>
<tr class="test1">
<td>hallo</td>
</td>


</table>

table input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}


table tr.test1{
   display: none;
   border: 2px solid black;
}


table input[type=checkbox]:checked  ~ tr.test1{
   display: table-row;
   border: 2px solid black;
   color: green;
   }

Danke im Voraus!

Mit Tabellen geht das nicht:
http://jsfiddle.net/30rxt232/1/