✔ Je nach übergebenen Wert eine Zeile anzeigen oder nicht anzeigen

[Bato_Loco]

Hallo!
Ich will durch das Aktvieren einer Checkbox, welcher sich in einer Tabelle befindet, eine weitere Zeile (<tr></tr>-Tag) anzeigen, doch leider funktioniert das Ganze nicht. Wenn man im <div>-Tag keine neue Zeile macht, d.h. weder ein <tr> noch ein <td> sonder einfach nur etwas hinein schreibt, funktioniert es. Wiso das?

Danke und Gruss
Bato Loco

Quelltext: funktioniert nich
---
<table>
<tr>
<td>
<input type="checkbox" onclick="document.getElementById('test').style.visibility = this.checked ? 'visible' : 'hidden';">
</td>
</tr>
<div id="test" style="visibility:hidden">
<tr>
<td>Endlich sieht man mich!!</td>
</tr>
</div>
</table>
---


Quelltext: funktioniert
---
<table>
<tr>
<td>
<input type="checkbox" onclick="document.getElementById('test').style.visibility = this.checked ? 'visible' : 'hidden';">
</td>
</tr>
<div id="test" style="visibility:hidden">
Endlich sieht man mich!!
</div>
</table>

---

 

[Sven Mintel]

Ein div hat innerhalb von <table> nichts zu suchen.... wenn du ein <tr> manipulieren willst, dann tu dies doch direkt

<table>
<tr>
<td>
<input type="checkbox" onclick="document.getElementById('test').style.display = this.checked ? '' : 'none';">
</td>
</tr>
<tr id="test"style="display:none">
<td>Endlich sieht man mich!!</td>
</tr>
</table>

 

[Bato_Loco]

Danke vielmals!
Es funktioniert!
Ich habe die <div>'s jetz weggelassen, da man diese ja gar nicht braucht.
Gruss B.L.