Javascript zerschießt Tabelle

[joerg.plage@web.de]

Hallo zusammen,

ich bin mir zu 99% sicher das mein Javascript die Tabellen Formatierung zerschießt.

Code:

var text = new Array();
text[0] = 'suchformular';
text[1] = 'genre';
text[2] = 'themen';
text[3] = 'land';
    
function toggle(id) {
    if(document.getElementById(id).style.display=="none") {
        for(i=0;i<text.length;i++) {
            document.getElementById(text[i]).style.display="none";
        }
        document.getElementById(id).style.display="block";
    } else {
        document.getElementById(id).style.display="none";
    }
}

es geht um die folgende Tabelle in Zeile 18

Code:

<table>
    <tr>
        <td class="zeile_v"><b>Genre</b></td>
        <td class="zeile">
            <button type="button" class="button2" onclick="toggle('genre')">Genre</button>&nbsp;
            <span class="btn"><b>Abenteuer</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>&nbsp;
            </span>
            <span class="btn"><b>Animation</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>&nbsp;
            </span>
            <span class="btn"><b>Romantik</b>
                <a href=""><img class="img" src="images/img/loeschen.png" alt=""></a>
            </span>
            
        </td>
    </tr>
    <tr id="genre" style="display:none;">
        <td colspan="2">
            <table style="width: 100%;border: black solid 1px;" >
                <tr>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Abenteuer</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Animation</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Abenteuer</span>
                    <td>
                    <td class="liste">
                        <input type="checkbox" name="genre" value="1" /><span id="liste">Romantik</span>
                    <td>
                <tr>
            </table>
        </td>
    </tr>
<tabel>

ohne Javascript id="genre" wird der Zellen merge in in Zeile 19 <td colspan="2"> angezeigt.

Code:

<tr id="genre" style="display:none;">

was kann mann tun?

Gruß Jörg